@font-face {
font-family: 'as-icons';
src: url(//www.gbiota.com/wp-content/plugins/buddypress-activity-share-pro/public/icons/as-icons.eot?60396284);
src: url(//www.gbiota.com/wp-content/plugins/buddypress-activity-share-pro/public/icons/as-icons.eot?60396284#iefix) format('embedded-opentype'),
url(//www.gbiota.com/wp-content/plugins/buddypress-activity-share-pro/public/icons/as-icons.woff2?60396284) format('woff2'),
url(//www.gbiota.com/wp-content/plugins/buddypress-activity-share-pro/public/icons/as-icons.woff?60396284) format('woff'),
url(//www.gbiota.com/wp-content/plugins/buddypress-activity-share-pro/public/icons/as-icons.ttf?60396284) format('truetype'),
url(//www.gbiota.com/wp-content/plugins/buddypress-activity-share-pro/public/icons/as-icons.svg?60396284#as-icons) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="as-icon-"]:before, [class*=" as-icon-"]:before {
font-family: "as-icons";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.as-icon-bookmark:before { content: '\e800'; } .as-icon-share-all:before { content: '\e801'; } .as-icon-share-alt-square:before { content: '\e802'; } .as-icon-share-alt:before { content: '\e803'; } .as-icon-share-square-light:before { content: '\e804'; } .as-icon-share:before { content: '\e805'; } .as-icon-times-circle:before { content: '\e806'; } .as-icon-times:before { content: '\e807'; } .as-icon-repeat:before { content: '\e808'; } .as-icon-retweet-alt:before { content: '\e809'; } .as-icon-retweet:before { content: '\e80a'; } .as-icon-folder:before { content: '\e80b'; } .as-icon-calendar:before { content: '\e80c'; } .as-icon-share-square:before { content: '\e80d'; }:root { --bp-share-white: #ffffff;
--bp-share-black: #000000;
--bp-share-gray-50: #f9fafb;
--bp-share-gray-100: #f3f4f6;
--bp-share-gray-200: #e5e7eb;
--bp-share-gray-300: #d1d5db;
--bp-share-gray-400: #9ca3af;
--bp-share-gray-500: #6b7280;
--bp-share-gray-600: #4b5563;
--bp-share-gray-700: #374151;
--bp-share-gray-800: #1f2937;
--bp-share-gray-900: #111827; --bp-share-primary: #2563eb;
--bp-share-primary-hover: #1d4ed8; --bp-share-success: #059669;
--bp-share-danger: #dc2626; --bp-share-bg: var(--bp-share-white);
--bp-share-bg-secondary: var(--bp-share-gray-50);
--bp-share-text: var(--bp-share-gray-900);
--bp-share-text-muted: var(--bp-share-gray-600);
--bp-share-text-light: var(--bp-share-gray-400);
--bp-share-border: var(--bp-share-gray-200);
--bp-share-border-light: var(--bp-share-gray-100);
--bp-share-border-focus: var(--bp-share-primary);
--bp-share-shadow: rgba(0, 0, 0, 0.1);
--bp-share-shadow-lg: rgba(0, 0, 0, 0.15);
--bp-share-overlay: rgba(255, 255, 255, 0.95); --bp-share-radius: 6px;
--bp-share-radius-lg: 8px;
--bp-share-spacing: 1rem;
--bp-share-spacing-sm: 0.5rem;
--bp-share-spacing-lg: 1.0rem;
--bp-share-transition: all 0.2s ease;
} .activity-share-modal[data-theme="dark"],
.activity-share-modal.dark-mode,
.activity-share-modal.dark-theme,
.activity-share-modal.dark,
body[data-theme="dark"] .activity-share-modal,
body.dark-mode .activity-share-modal,
body.dark-theme .activity-share-modal,
body.dark .activity-share-modal {
--bp-share-bg: var(--bp-share-gray-900);
--bp-share-bg-secondary: var(--bp-share-gray-800);
--bp-share-text: var(--bp-share-gray-100);
--bp-share-text-muted: var(--bp-share-gray-400);
--bp-share-text-light: var(--bp-share-gray-500);
--bp-share-border: var(--bp-share-gray-700);
--bp-share-border-light: var(--bp-share-gray-800);
--bp-share-shadow: rgba(0, 0, 0, 0.3);
--bp-share-overlay: rgba(0, 0, 0, 0.8);
} .activity-share-modal {
z-index: 1050;
color-scheme: light dark;
}
.activity-share-modal .modal-dialog {
max-width: 600px;
margin: 20px auto;
position: relative;
}
.activity-share-modal .modal-content {
border-radius: var(--bp-share-radius-lg);
box-shadow: 0 10px 40px var(--bp-share-shadow-lg);
border: 1px solid var(--bp-share-border);
background-color: var(--bp-share-bg);
color: var(--bp-share-text);
width: 100%;
font-family: inherit;
} .activity-share-modal .modal-header,
.activity-share-modal .modal-footer {
background-color: var(--bp-share-bg);
border-color: var(--bp-share-border);
padding: var(--bp-share-spacing) var(--bp-share-spacing-lg);
color: var(--bp-share-text);
font-family: inherit;
}
.activity-share-modal .modal-header {
border-bottom: 1px solid var(--bp-share-border);
border-radius: var(--bp-share-radius-lg) var(--bp-share-radius-lg) 0 0;
position: relative;
padding-bottom: var(--bp-share-spacing);
}
.activity-share-modal .modal-footer {
border-top: 1px solid var(--bp-share-border);
border-radius: 0 0 var(--bp-share-radius-lg) var(--bp-share-radius-lg);
display: flex;
justify-content: flex-end;
gap: 12px;
}
.activity-share-modal .modal-body {
background-color: var(--bp-share-bg);
color: var(--bp-share-text);
}
.activity-share-modal .modal-title {
font-size: 1.25rem;
font-weight: 600;
color: var(--bp-share-text);
margin: 0;
font-family: inherit;
} .activity-share-modal .close,
.activity-share-modal .activity-share-modal-close {
width: 32px;
height: 32px;
margin: 0;
border: 1px solid var(--bp-share-border);
background-color: var(--bp-share-bg);
color: var(--bp-share-text);
border-radius: var(--bp-share-radius);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: var(--bp-share-transition);
font-size: 16px;
opacity: 1;
z-index: 10;
font-family: inherit;
}
.activity-share-modal .close:hover,
.activity-share-modal .activity-share-modal-close:hover {
border-color: var(--bp-share-danger);
color: var(--bp-share-danger);
background-color: var(--bp-share-bg-secondary);
transform: scale(1.05);
} .quick-post-header-filters-wrap {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--bp-share-spacing);
padding: var(--bp-share-spacing-lg);
border-bottom: 1px solid var(--bp-share-border);
background-color: var(--bp-share-bg);
}
.bp-activity-share-avatar {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
font-weight: 600;
position: relative;
color: var(--bp-share-text);
font-family: inherit;
}
.bp-activity-share-avatar img {
border-radius: 50%;
border: 2px solid var(--bp-share-border);
width: 40px;
height: 40px;
object-fit: cover;
}
.bp-activity-share-avatar .user-name {
font-weight: 600;
color: var(--bp-share-text);
font-size: 16px;
font-family: inherit;
}
.bp-activity-share-avatar .user-status-text {
display: block;
color: var(--bp-share-text-muted);
font-size: 12px;
margin-top: 2px;
font-weight: normal;
font-family: inherit;
} .bp-activity-share-filter {
min-width: 220px;
flex-shrink: 0;
}
.bp-activity-share-filter .form-item {
margin: 0;
position: relative;
}
.bp-activity-share-filter label,
.activity-share-modal label[for=post-in] {
display: block;
font-weight: 600;
color: var(--bp-share-text-muted);
font-size: 12px;
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 0 8px;
background-color: var(--bp-share-bg);
position: absolute;
top: -8px;
left: 10px;
z-index: 10;
line-height: 1;
pointer-events: none;
font-family: inherit;
}
.bp-activity-share-filter select,
.bp-activity-share-filter #post-in,
.activity-share-modal .form-textarea textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid var(--bp-share-border);
border-radius: var(--bp-share-radius);
background-color: var(--bp-share-bg);
color: var(--bp-share-text);
font-size: 14px;
font-family: inherit;
transition: var(--bp-share-transition);
}
.bp-activity-share-filter select,
.bp-activity-share-filter #post-in {
height: 44px;
appearance: none;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 12px;
}
.activity-share-modal .form-textarea textarea {
min-height: 100px;
padding: 12px 15px;
line-height: 1.5;
resize: vertical;
}
.bp-activity-share-filter select:focus,
.bp-activity-share-filter #post-in:focus,
.activity-share-modal .form-textarea textarea:focus {
border-color: var(--bp-share-border-focus);
box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
outline: none;
}
.activity-share-modal .form-textarea textarea::placeholder {
color: var(--bp-share-text-light);
font-style: italic;
font-family: inherit;
} .activity-share-modal .select2-container {
width: 100% !important;
font-family: inherit !important;
}
.activity-share-modal .select2-container.select2-container--default span.select2-selection {
padding: 0;
}
.activity-share-modal .select2-selection {
border: 1px solid var(--bp-share-border) !important;
border-radius: var(--bp-share-radius) !important;
height: 44px !important;
background-color: var(--bp-share-bg) !important;
color: var(--bp-share-text) !important;
}
.activity-share-modal .select2-selection__rendered {
padding: 10px 12px !important;
line-height: 22px !important;
color: var(--bp-share-text) !important;
font-family: inherit !important;
}
.activity-share-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px;
}
.activity-share-modal .select2-dropdown {
border: 1px solid var(--bp-share-border) !important;
border-radius: var(--bp-share-radius) !important;
box-shadow: 0 4px 12px var(--bp-share-shadow) !important;
background-color: var(--bp-share-bg) !important;
color: var(--bp-share-text) !important;
font-family: inherit !important;
}
.activity-share-modal .select2-results__option {
color: var(--bp-share-text) !important;
font-family: inherit !important;
}
.activity-share-modal .select2-results__option--highlighted {
background-color: var(--bp-share-bg-secondary) !important;
color: var(--bp-share-text) !important;
} .activity-share-modal .form {
width: 100%;
padding: 0;
}
.activity-share-modal .form-textarea {
margin-bottom: var(--bp-share-spacing-lg);
} #bp-activity-share-widget-box-status-header {
background-color: var(--bp-share-bg);
border-top: 1px solid var(--bp-share-border);
border-radius: 0;
color: var(--bp-share-text);
font-family: inherit;
}
#bp-activity-share-widget-box-status-header .activity-content {
padding: var(--bp-share-spacing);
}
#bp-activity-share-widget-box-status-header .activity-header p,
#bp-activity-share-widget-box-status-header .activity-inner p {
color: var(--bp-share-text);
font-family: inherit;
margin: 0.5rem 0 0 0;
font-size: 15px;
line-height: 1.4;
}
#bp-activity-share-widget-box-status-header .activity-header p {
margin: 0;
font-size: 14px;
color: var(--bp-share-text-muted);
} .bp-activity-share-post-footer-actions {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
width: 100%;
}
.bp-activity-share-close,
.bp-activity-share-activity {
padding: 10px 24px !important;
border-radius: var(--bp-share-radius) !important;
font-size: 14px !important;
font-weight: 600 !important;
border: 1px solid !important;
cursor: pointer !important;
transition: var(--bp-share-transition) !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.4 !important;
margin: 0 !important;
min-width: 100px !important;
height: 40px !important;
font-family: inherit !important;
} .bp-activity-share-close {
background-color: transparent !important;
border-color: var(--bp-share-border) !important;
color: var(--bp-share-text) !important;
}
.bp-activity-share-close:hover {
background-color: var(--bp-share-bg-secondary) !important;
border-color: var(--bp-share-danger) !important;
color: var(--bp-share-danger) !important;
transform: translateY(-1px);
} .bp-activity-share-activity {
background-color: var(--bp-share-primary) !important;
border-color: var(--bp-share-primary) !important;
color: var(--bp-share-white) !important;
}
.bp-activity-share-activity:hover {
background-color: var(--bp-share-primary-hover) !important;
border-color: var(--bp-share-primary-hover) !important;
color: var(--bp-share-white) !important;
transform: translateY(-1px);
}
.bp-activity-share-activity:disabled {
background-color: var(--bp-share-gray-300) !important;
border-color: var(--bp-share-gray-300) !important;
color: var(--bp-share-gray-500) !important;
cursor: not-allowed !important;
transform: none !important;
} .loading-spinner {
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: var(--bp-share-white);
animation: bp-share-spin 0.8s ease-in-out infinite;
margin-left: 8px;
}
.bp-activity-share-activity .loading-spinner {
display: none;
}
.bp-activity-share-activity.loading .loading-spinner {
display: inline-block;
}
.bp-activity-share-activity.loading .button-text {
margin-right: 8px;
}
@keyframes bp-share-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.bp-share-loading {
text-align: center;
padding: 2rem;
color: var(--bp-share-text-muted);
font-family: inherit;
}
.bp-share-loading::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid var(--bp-share-border);
border-top-color: var(--bp-share-primary);
border-radius: 50%;
animation: bp-share-spin 1s linear infinite;
margin-right: 10px;
vertical-align: middle;
} .bp_activity_share_modal_error_message {
color: var(--bp-share-danger) !important;
font-size: 12px !important;
margin-top: 4px !important;
display: block !important;
font-weight: 500 !important;
font-family: inherit !important;
}
.bp-share-error-message {
background-color: rgba(220, 38, 38, 0.1);
color: var(--bp-share-danger);
padding: 12px;
border-radius: var(--bp-share-radius);
border: 1px solid rgba(220, 38, 38, 0.2);
margin-bottom: var(--bp-share-spacing);
font-size: 14px;
font-family: inherit;
}
.bp-share-success-message {
background-color: rgba(5, 150, 105, 0.1);
color: var(--bp-share-success);
padding: 12px;
border-radius: var(--bp-share-radius);
border: 1px solid rgba(5, 150, 105, 0.2);
margin-bottom: var(--bp-share-spacing);
font-size: 14px;
font-family: inherit;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: var(--bp-share-bg);
border-radius: 3px;
box-shadow: 0 0 2px 2px var(--bp-share-shadow);
clip: auto !important;
color: var(--bp-share-primary);
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.activity-share-modal .close:focus,
.activity-share-modal .activity-share-modal-close:focus,
.bp-activity-share-close:focus,
.bp-activity-share-activity:focus,
.bp-activity-share-filter select:focus,
.activity-share-modal .form-textarea textarea:focus {
outline: 2px solid var(--bp-share-primary);
outline-offset: 2px;
}
.activity-share-modal [aria-hidden="true"] {
display: none;
} @media (max-width: 768px) {
.activity-share-modal .modal-dialog {
margin: 10px;
max-width: calc(100% - 20px);
}
.quick-post-header-filters-wrap {
flex-direction: column;
align-items: flex-start;
gap: var(--bp-share-spacing);
padding: var(--bp-share-spacing);
}
.bp-activity-share-avatar {
width: 100%;
justify-content: center;
}
.bp-activity-share-filter {
min-width: auto;
width: 100%;
}
.bp-activity-share-post-footer-actions {
flex-direction: column-reverse;
gap: 8px;
}
.bp-activity-share-close,
.bp-activity-share-activity {
width: 100% !important;
text-align: center;
}
.activity-share-modal .form {
padding: 0;
}
#bp-activity-share-widget-box-status-header {
margin: 0;
}
}
@media (max-width: 480px) {
.activity-share-modal .modal-dialog {
margin: 5px;
max-width: calc(100% - 10px);
}
.activity-share-modal .modal-header,
.activity-share-modal .modal-footer {
padding: var(--bp-share-spacing);
}
.quick-post-header-filters-wrap {
padding: var(--bp-share-spacing) var(--bp-share-spacing) var(--bp-share-spacing-sm);
}
.bp-activity-share-avatar img {
width: 35px;
height: 35px;
}
} body.admin-bar .activity-share-modal .modal-dialog {
margin-top: 52px;
}
@media screen and (max-width: 782px) {
body.admin-bar .activity-share-modal .modal-dialog {
margin-top: 46px;
}
} .generic-button.bp-activity-share-dropdown-toggle {
position: relative;
display: inline-block;
}
.bp-activity-share-dropdown-menu {
position: absolute;
right: 0;
top: 35px;
text-align: left;
width: 250px;
padding: 4px 0;
border: 1px solid var(--bp-share-border);
border-radius: var(--bp-share-radius-lg);
background-color: var(--bp-share-bg);
box-shadow: 0 0.4rem 1.2rem var(--bp-share-shadow);
opacity: 0;
pointer-events: none;
transform: translateY(15px);
transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
z-index: 999;
overflow: hidden;
max-height: 400px;
overflow-y: auto;
}
.bp-activity-share-dropdown-toggle.selected .bp-activity-share-dropdown-menu {
opacity: 1;
pointer-events: all;
transform: translateY(0);
}
.bp-activity-share-dropdown-menu.position-top {
bottom: 38px;
top: auto;
} .bp-activity-share-dropdown-menu .bp-activity-share-btn,
.bp-activity-share-dropdown-menu .bp-share-wrapper {
width: 100%;
padding: 6px 15px;
margin: 0;
border: none;
background: transparent;
transition: background-color 0.2s ease;
min-height: 32px;
display: flex;
align-items: center;
}
.bp-activity-share-dropdown-menu .bp-activity-share-btn:hover,
.bp-activity-share-dropdown-menu .bp-share-wrapper:hover {
background-color: var(--bp-share-bg-secondary);
border-radius: 4px;
} .bp-activity-share-dropdown-menu .bp-activity-share-btn .button,
.bp-activity-share-dropdown-menu .bp-share-wrapper .button {
justify-content: flex-start;
min-height: auto;
width: 100%;
text-align: left;
background: transparent;
border: none;
padding: 0;
box-shadow: none;
display: flex;
align-items: center;
color: var(--bp-share-text);
line-height: 1.4;
gap: 8px !important;
}
.bp-activity-share-dropdown-menu .bp-activity-share-btn a,
.bp-activity-share-dropdown-menu .bp-share-wrapper a {
width: 100%;
text-align: left;
display: flex;
align-items: center;
justify-content: flex-start;
color: var(--bp-share-text);
text-decoration: none;
padding: 0;
line-height: 1.4;
gap: 8px;
} .bp-activity-share-dropdown-menu .bp-activity-share-btn span.bp-share-text,
.bp-activity-share-dropdown-menu .bp-share-wrapper span.bp-share-label {
display: inline-block;
margin: 0;
font-size: 14px;
font-weight: 500;
color: var(--bp-share-text);
line-height: 1.4;
vertical-align: middle;
text-align: left;
width: auto;
flex: 1;
} .bp-activity-share-dropdown-menu .bp-activity-share-btn span.bp-activity-reshare-icon,
.bp-activity-share-dropdown-menu .bp-share-wrapper i {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: var(--bp-share-text);
flex-shrink: 0;
vertical-align: middle;
margin: 0;
}
.bp-activity-share-dropdown-menu .bp-activity-share-btn span.bp-activity-reshare-icon i {
font-size: 14px;
margin: 0;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
} .bp-activity-share-dropdown-toggle a.dropdown-toggle {
cursor: pointer;
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: var(--bp-share-radius);
background: transparent;
border: 1px solid var(--bp-share-border);
color: var(--bp-share-text);
text-decoration: none;
transition: var(--bp-share-transition);
}
.bp-activity-share-dropdown-toggle a.dropdown-toggle:hover {
background-color: var(--bp-share-bg-secondary);
border-color: var(--bp-share-border-focus);
} .reshare-count.bp-activity-reshare-count {
margin-left: 5px;
font-size: 90%;
font-weight: normal;
color: var(--bp-share-text-muted);
} .bp-activity-share-dropdown-toggle .bp-activity-share-dropdown-menu .bp-share-wrapper {
position: relative;
}
.bp-activity-share-dropdown-toggle .bp-activity-share-dropdown-menu .bp-share-wrapper span.tooltiptext {
position: absolute;
top: -35px;
left: 50%;
transform: translateX(-50%);
min-width: 100px;
font-size: 13px;
font-weight: 500;
background: var(--bp-share-text);
color: var(--bp-share-bg);
border-radius: 4px;
line-height: 1.3;
padding: 7px 15px;
white-space: nowrap;
z-index: 10;
pointer-events: none;
transition: all 0.18s ease-out 0.18s;
opacity: 0;
}
.bp-activity-share-dropdown-toggle .bp-activity-share-dropdown-menu .bp-share-wrapper span.tooltiptext:not(.tooltip-hide) {
opacity: 1;
}
.bp-activity-share-dropdown-toggle .bp-activity-share-dropdown-menu .bp-share-wrapper span.tooltiptext::before {
content: '';
width: 12px;
height: 12px;
background: var(--bp-share-text);
position: absolute;
left: 50%;
bottom: -5px;
transform: translateX(-50%) rotate(45deg);
z-index: -1;
border-radius: 2px;
}
.tooltip-hide {
display: none !important;
} @media screen and (max-width: 750px) {
.bp-activity-share-dropdown-menu {
position: fixed;
top: auto;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 100%;
border: 0;
box-shadow: 0px -4px 30px 1px var(--bp-share-overlay);
z-index: 9999;
border-radius: var(--bp-share-radius-lg) var(--bp-share-radius-lg) 0 0;
max-height: 80vh;
overflow-y: auto;
}
.bp-share-activity-share-to-wrapper {
display: flex;
padding: 15px;
overflow-x: auto;
border-top: 1px solid var(--bp-share-border);
gap: 10px;
}
.bp-activity-share-dropdown-toggle .bp-activity-share-dropdown-menu .bp-share-activity-share-to-wrapper .bp-share-wrapper {
width: auto;
min-width: 80px;
flex-shrink: 0;
text-align: center;
}
.bp-activity-share-dropdown-toggle .bp-activity-share-dropdown-menu .bp-share-activity-share-to-wrapper .bp-share-wrapper .button {
flex-direction: column;
padding: 10px !important;
}
.bp-activity-share-dropdown-toggle .bp-activity-share-dropdown-menu .bp-share-activity-share-to-wrapper .bp-share-wrapper span.bp-share-label {
margin-left: 0 !important;
margin-top: 5px;
font-size: 12px;
display: block;
width: 100%;
text-align: center;
}
.bp-nouveau #buddypress .activity-list div.activity-meta .bp-share-wrapper a,
.bp-nouveau #buddypress .activity-list div.groups-meta .bp-share-wrapper a {
flex-flow: nowrap;
}
.bp-nouveau #buddypress .activity-list div.activity-meta .bp-share-activity-share-to-wrapper .bp-share-wrapper a,
.bp-nouveau #buddypress .activity-list div.groups-meta .bp-share-activity-share-to-wrapper .bp-share-wrapper a {
flex-flow: wrap;
flex-direction: column;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle .bp-share-activity-share-to-wrapper .bp-share-wrapper a i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec .bp-share-activity-share-to-wrapper .bp-share-wrapper a i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite .bp-share-activity-share-to-wrapper .bp-share-wrapper a i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon .bp-share-activity-share-to-wrapper .bp-share-wrapper a i[class*=" fa-"],
.bp-activity-share-dropdown-toggle .bp-activity-share-dropdown-menu .bp-share-activity-share-to-wrapper .bp-share-wrapper i[class*=" fa-"] {
margin: 0 auto;
padding: 0;
font-size: 20px;
min-width: 50px;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, .05);
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bp-activity-share-dropdown-toggle .bp-activity-share-dropdown-menu .bp-share-wrapper span.tooltiptext {
top: -8px;
}
}
@media screen and (max-width: 300px) {
.bp-activity-share-dropdown-menu {
right: -20px;
}
}    .bp-share-wrapper {
display: flex;
align-items: center;
width: 100%;
padding: 8px 15px;
margin: 0;
transition: background-color 0.2s ease;
}
.bp-share-wrapper:hover {
background-color: var(--bp-share-bg-secondary);
}
.bp-share-wrapper .button {
display: flex !important;
align-items: center;
width: 100%;
text-align: left;
background: transparent !important;
border: none !important;
padding: 0 !important;
color: var(--bp-share-text) !important;
text-decoration: none;
}
.bp-share-wrapper .bp-share-label {
margin-left: 10px;
font-weight: 500;
color: var(--bp-share-text);
} .bp-share-wrapper i,
.bp-activity-share-btn i {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: var(--bp-share-text);
}  .service-buttons .bp-copy-wrapper {
position: relative;
}
.service-buttons .bp-copy-wrapper span.tooltiptext {
position: absolute;
top: -30px;
left: -18px;
right: 0;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle a i.as-icon,
#buddypress .activity-list .activity-share-dropdown-menu-container.circle a i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec a i[class*=" fa-"] {
width: 25px;
min-width: 25px;
height: 25px;
font-size: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none !important;
-webkit-transition: all .3s;
transition: all .3s;
border: 0;
border-radius: 100px !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container #bp_x_share,
#buddypress .activity-list .activity-share-dropdown-menu-container #bp_telegram_share,
#buddypress .activity-list .activity-share-dropdown-menu-container #bp_bluesky_share {
min-width: auto;
}
#buddypress .activity-list .activity-share-dropdown-menu-container #bp_x_share i::before {
content: "";
background-image: url(//www.gbiota.com/wp-content/plugins/buddypress-activity-share-pro/public/images/twitter-x-line.svg);
background-size: 14px;
background-repeat: no-repeat;
background-position: center;
display: block;
width: 20px;
height: 20px;
}
#buddypress .activity-list .activity-share-dropdown-menu-container #bp_telegram_share i::before {
content: "";
background-image: url(//www.gbiota.com/wp-content/plugins/buddypress-activity-share-pro/public/images/telegram-fill.svg);
background-size: 17px;
background-repeat: no-repeat;
background-position: center;
display: block;
width: 20px;
height: 20px;
}
#buddypress .activity-list .activity-share-dropdown-menu-container #bp_bluesky_share i::before {
content: "";
background-image: url(//www.gbiota.com/wp-content/plugins/buddypress-activity-share-pro/public/images/bluesky-fill.svg);
background-size: 17px;
background-repeat: no-repeat;
background-position: center;
display: block;
width: 20px;
height: 20px;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_x_share i::before,
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_x_share i::before,
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_telegram_share i::before,
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_telegram_share i::before,
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_bluesky_share i::before,
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_bluesky_share i::before {
-webkit-filter: invert(1);
filter: invert(1);
}
#buddypress .activity-list .activity-share-dropdown-menu-container.rec a i[class*=" fa-"] {
border-radius: 0 !important;
} #buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite a i[class*=" fa-"] {
width: 25px;
height: 25px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none !important;
-webkit-transition: all .3s;
transition: all .3s;
border-radius: 100px !important;
background: transparent !important;
color: #000 !important;
border: 1px solid #000 !important;
} #buddypress .activity-list .activity-share-dropdown-menu-container.baricon a i[class*=" fa-"] {
width: 25px;
height: 25px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none !important;
-webkit-transition: all .3s;
transition: all .3s;
border-radius: 0 !important;
border-top: 3px solid currentColor;
} #buddypress .activity-list .activity-share-dropdown-menu-container.baricon .bp-activity-reshare-icon i[class*=" fa-"] {
color: #696f75 !important;
border-color: #696f75 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_facebook_share i[class*=" fa-"] {
color: #3B5998 !important;
border-color: #3B5998 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_x_share i[class*=" fa-"] {
color: #1DA1F2 !important;
border-color: #1DA1F2 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_email_share i[class*=" fa-"] {
color: #AD0000 !important;
border-color: #AD0000 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_whatsapp_share i[class*=" fa-"] {
color: #46bd00 !important;
border-color: #46bd00 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_linkedin_share i[class*=" fa-"] {
color: #007BB6 !important;
border-color: #007BB6 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_pinterest_share i[class*=" fa-"] {
color: #BD081C !important;
border-color: #BD081C !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_reddit_share i[class*=" fa-"] {
color: #FF4501 !important;
border-color: #FF4501 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_wordpress_share i[class*=" fa-"] {
color: #21759B !important;
border-color: #21759B !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_pocket_share i[class*=" fa-"] {
color: #EF3E56 !important;
border-color: #EF3E56 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_telegram_share i[class*=" fa-"] {
color: #0088cc !important;
border-color: #0088cc !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_bluesky_share i[class*=" fa-"] {
color: #1185fe !important;
border-color: #1185fe !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon .bp-copy i[class*=" fa-"] {
color: #696f75 !important;
border-color: #696f75 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle .bp-activity-reshare-icon .as-icon,
#buddypress .activity-list .activity-share-dropdown-menu-container.circle .bp-activity-reshare-icon i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec .bp-activity-reshare-icon i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite a:hover .bp-activity-reshare-icon i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon a:hover .bp-activity-reshare-icon i[class*=" fa-"] {
background: #696f75 !important;
color: #fff !important;
border-color: #696f75 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_facebook_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_facebook_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_facebook_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_facebook_share:hover i[class*=" fa-"] {
background: #3B5998 !important;
color: #fff !important;
border-color: #3B5998 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_x_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_x_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_x_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_x_share:hover i[class*=" fa-"] {
background: #1DA1F2 !important;
color: #fff !important;
border-color: #1DA1F2 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_email_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_email_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_email_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_email_share:hover i[class*=" fa-"] {
background: #AD0000 !important;
color: #fff !important;
border-color: #AD0000 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_whatsapp_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_whatsapp_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_whatsapp_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_whatsapp_share:hover i[class*=" fa-"] {
background: #46bd00 !important;
color: #fff !important;
border-color: #46bd00 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_linkedin_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_linkedin_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_linkedin_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_linkedin_share:hover i[class*=" fa-"] {
background: #007BB6 !important;
color: #fff !important;
border-color: #007BB6 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_pinterest_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_pinterest_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_pinterest_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_pinterest_share:hover i[class*=" fa-"] {
background: #BD081C !important;
color: #fff !important;
border-color: #BD081C !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_reddit_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_reddit_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_reddit_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_reddit_share:hover i[class*=" fa-"] {
background: #FF4501 !important;
color: #fff !important;
border-color: #FF4501 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_wordpress_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_wordpress_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_wordpress_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_wordpress_share:hover i[class*=" fa-"] {
background: #21759B !important;
color: #fff !important;
border-color: #21759B !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_pocket_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_pocket_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_pocket_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_pocket_share:hover i[class*=" fa-"] {
background: #EF3E56 !important;
color: #fff !important;
border-color: #EF3E56 !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_telegram_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_telegram_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_telegram_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_telegram_share:hover i[class*=" fa-"] {
background: #0088cc !important;
color: #fff !important;
border-color: #0088cc !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle #bp_bluesky_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec #bp_bluesky_share i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite #bp_bluesky_share:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon #bp_bluesky_share:hover i[class*=" fa-"] {
background: #1185fe !important;
color: #fff !important;
border-color: #1185fe !important;
}
#buddypress .activity-list .activity-share-dropdown-menu-container.circle .bp-copy i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.rec .bp-copy i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.blackwhite .bp-copy:hover i[class*=" fa-"],
#buddypress .activity-list .activity-share-dropdown-menu-container.baricon .bp-copy:hover i[class*=" fa-"] {
background: #696f75 !important;
color: #fff !important;
border-color: #696f75 !important;
} .activity-share-modal .button,
.activity-share-modal button,
.activity-share-modal select,
.activity-share-modal textarea {
font-family: inherit !important;
text-transform: none !important;
letter-spacing: normal !important;
}
.activity-share-modal {
z-index: 1050;
}
.activity-share-modal .modal-backdrop {
z-index: 1040;
}
body.modal-open .activity-share-modal {
padding-right: 0;
overflow-y: auto;
}
.activity-share-modal .modal-content * {
box-sizing: border-box;
} #buddypress .activity-list .activity-item .bp-activity-share-dropdown-menu .bp-activity-share-btn .button,
#buddypress .activity-list .activity-item .bp-activity-share-dropdown-menu .bp-share-wrapper .button {
background: transparent !important;
width: 100%;
padding: 0 !important;
border: none !important;
text-align: left !important;
} .site-header .dropdown-toggle::after {
content: none;
}
.wb-reign-theme #bp-activity-share-widget-box-status-header .activity-content {
padding: 0;
}@font-face {
font-family: 'br-icons';
src: url(//www.gbiota.com/wp-content/plugins/buddypress-reactions/public/icons/br-icons.eot?72475430);
src: url(//www.gbiota.com/wp-content/plugins/buddypress-reactions/public/icons/br-icons.eot?72475430#iefix) format('embedded-opentype'),
url(//www.gbiota.com/wp-content/plugins/buddypress-reactions/public/icons/br-icons.woff2?72475430) format('woff2'),
url(//www.gbiota.com/wp-content/plugins/buddypress-reactions/public/icons/br-icons.woff?72475430) format('woff'),
url(//www.gbiota.com/wp-content/plugins/buddypress-reactions/public/icons/br-icons.ttf?72475430) format('truetype'),
url(//www.gbiota.com/wp-content/plugins/buddypress-reactions/public/icons/br-icons.svg?72475430#br-icons) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="br-icon-"]:before, [class*=" br-icon-"]:before {
font-family: "br-icons";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.br-icon-smile:before { content: '\e802'; } .br-icon-x:before { content: '\e8f6'; } .br-icon-thumbs-up:before { content: '\e933'; }@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}*,
*::before,
*::after {
box-sizing: border-box;
}
.ellipsis {
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
display: block;
overflow: hidden;
} .bp-activity-react-button-wrapper {
position: relative;
} .bp-activity-react-button .emoji-pick ~ .bp-react-button-text,
.bp-activity-react-button .emoji-pick ~ .bp-activity-react-button-text {
display: none !important;
}
#buddypress .generic-button .bp-activity-react-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bp-activity-reactions {
position: absolute;
z-index: 99;
bottom: 54px;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0px, 20px);
-ms-transform: translate(0px, 20px);
transform: translate(0px, 20px);
-webkit-transition: -webkit-transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
transition: transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
}
.bp-activity-react-button-wrapper:hover .bp-activity-reactions,
.bp-activity-react-button-wrapper:focus .bp-activity-reactions {
opacity: 1;
visibility: visible;
}
.emoji-picker {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 54px;
padding: 0 10px;
border-radius: 100px !important;
background-color: #fff;
box-shadow: rgba(94, 92, 154, 0.12) 0px 0px 40px 0px;
}
.emoji-picker .emoji-pick {
cursor: pointer;
}
.emoji-picker .emoji-pick:hover {
-webkit-transform: scale(1.15) translate(0, -4px) translateZ(0);
transform: scale(1.15) translate(0, -4px) translateZ(0);
-webkit-transition: -webkit-transform 200ms;
transition: transform 200ms;
}
.emoji-picker .emoji-pick .emoji-lottie-holder {
width: 50px;
height: 50px;
margin: 0;
padding: 0;
}
.emoji-picker .emoji-pick .emoji-svg-holder {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 38px;
height: 38px;
margin: 6px;
padding: 0;
}
@media screen and (max-width: 543px) {
.emoji-picker {
height: 34px;
padding: 0 8px;
}
.emoji-picker .emoji-pick .emoji-lottie-holder {
width: 33px;
height: 33px;
}
.emoji-picker .emoji-pick .emoji-svg-holder {
width: 25px;
height: 25px;
margin: 4px;
}
}
.icon-thumbs-up i {
font-size: 18px;
margin-right: 5px;
}
.icon-thumbs-up i::before {
margin-left: 0;
margin-right: 0;
}
.bp-post-react-icon img {
width: 24px !important;
margin-right: 5px;
}
.bp-post-react-icon .emoji-lottie-holder {
width: 33px;
height: 33px;
}
.bp-post-react-icon .emoji-svg-holder {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 24px;
height: 24px;
margin: 5px;
padding: 0;
}
.content-actions {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 52px;
position: relative;
}
.content-actions .wbreacted-waiting {
position: absolute;
background: #fff;
}
.content-actions .content-action {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.meta-line {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.meta-line .meta-line-text {
font-size: 0.75rem;
font-weight: 700;
}
.meta-line .meta-line-text.meta-line-text-trigger {
cursor: pointer;
}
.meta-line .meta-line-list+.meta-line-text {
margin-left: 10px;
}
.reaction-item-list {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: end;
-webkit-box-pack: end;
justify-content: flex-end;
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.reaction-item-list .reaction-item-wrap {
margin-left: -6px;
}
.reaction-item-list .reaction-item {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 24px;
height: 24px;
border-radius: 50% !important;
background-color: rgba(0, 0, 0, 0.02);
margin-left: -6px;
}
.reaction-item-list .reaction-item-wrap:last-child,
.reaction-item-list .reaction-item:last-child {
margin-left: 0;
}
.reaction-image {
width: 20px;
height: 20px;
}
.reaction-item-list .reaction-item>.reaction-image {
cursor: pointer;
}
.simple-dropdown {
width: 140px;
padding: 12px 16px 16px;
border-radius: 12px !important;
background-color: #fff;
box-shadow: rgba(94, 92, 154, 0.12) 0px 0px 40px 0px;
}
.reaction-list-dropdown {
position: absolute;
z-index: 9999;
bottom: 38px;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transform: translate(0px, 20px);
-ms-transform: translate(0px, 20px);
transform: translate(0px, 20px);
-webkit-transition: -webkit-transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
transition: transform 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
}
.reaction-item:hover .reaction-list-dropdown {
opacity: 1;
visibility: visible;
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.simple-dropdown .simple-dropdown-text {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
font-size: 0.75rem;
font-weight: 500;
}
.reaction-item-list .reaction-item .simple-dropdown .simple-dropdown-text:first-child {
margin-bottom: 10px;
}
.simple-dropdown-text .reaction {
width: 20px;
height: 20px;
margin: 0 2px;
position: relative;
top: -2px;
}
.simple-dropdown-text .reaction:first-child {
margin-left: 0;
}
.simple-dropdown .simple-dropdown-text .reaction {
margin-right: 4px;
}
.simple-dropdown .simple-dropdown-text .bold {
font-weight: 700;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
display: block;
overflow: hidden
}
.simple-dropdown .simple-dropdown-text+.simple-dropdown-text {
margin-top: 4px;
}
.simple-dropdown ul.reacted-users {
margin: 0;
padding: 0;
list-style: none;
}
.simple-dropdown ul.reacted-users li {
margin: 0 0 5px;
padding: 0;
}
.simple-dropdown ul.reacted-users li:last-child {
margin: 0;
} .activity-comments .generic-button {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.bp-react-activity-comment {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
float: left;
margin-right: 4px;
}
.bp-react-activity-comment .emoji-picker {
height: 34px;
padding: 0 8px;
}
.bp-react-activity-comment .emoji-picker .emoji-pick .emoji-lottie-holder {
width: 33px;
height: 33px;
}
.bp-react-activity-comment .emoji-picker .emoji-pick .emoji-svg-holder {
width: 25px;
height: 25px;
margin: 4px;
}
.bp-react-activity-comment .content-actions {
height: auto;
margin-right: 20px;
}
.screen-reader-react-label {
display: none;
}
.bp-nouveau .buddypress-wrap .activity-comments ul.reacted-users {
margin-top: 0;
} .bb-media-model-container .emoji-picker {
height: auto;
}
@media screen and (max-width: 359px) {
.bb-media-model-container .emoji-picker {
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 250px;
}
}
.bb-media-model-container .generic-button.bp-activity-react-button-wrapper {
order: 1 !important;
}
.bb-media-model-container .emoji-picker .emoji-pick .emoji-lottie-holder {
width: 33px;
height: 33px;
} @-webkit-keyframes slideDown {
0% {
opacity: 0;
-webkit-transform: translate(0, -20px);
transform: translate(0, -20px);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes slideDown {
0% {
opacity: 0;
-webkit-transform: translate(0, -20px);
transform: translate(0, -20px);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.bp-reachtions-overlay {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 100%;
height: 100%;
background-color: rgba(21, 21, 31, 0.96);
position: fixed;
top: 0;
left: 0;
z-index: 100000;
overflow: hidden auto;
} .bp-reaction-pop-container {
width: 90%;
max-width: 900px;
position: relative;
}
.animate-slide-down {
opacity: 0;
-webkit-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px);
-webkit-animation: slideDown .4s ease-in-out forwards;
animation: slideDown .4s ease-in-out forwards;
-webkit-transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
transition: opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out, opacity .4s ease-in-out;
-webkit-transition: -webkit-transform .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
transition: transform .4s ease-in-out, opacity .4s ease-in-out, -webkit-transform .4s ease-in-out;
}
.bp-reaction-pop-container {
max-width: 484px;
margin: auto;
margin-top: 60px;
margin-bottom: 60px;
}
.reaction-box {
border-radius: 12px !important;
background-color: #fff;
box-shadow: rgba(94, 92, 154, 0.06) 0px 0px 40px 0px;
}
.reaction-popup-close-button {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 40px;
height: 40px;
border-radius: 10px;
background-color: rgb(221, 0, 0);
color: #fff;
cursor: pointer;
position: absolute;
top: -20px;
right: -20px;
z-index: 2;
-webkit-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
.reaction-box .reaction-box-options {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
height: 52px;
padding: 0 28px;
border-bottom: 1px solid rgb(234, 234, 245);
}
.reaction-box .reaction-box-options ul {
margin: 0;
padding: 0;
list-style: none;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-right: 12px;
cursor: pointer;
}
.reaction-box .reaction-box-options ul .reaction-box-option {
font-size: 0.75rem;
font-weight: 700;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-right: 12px;
border-bottom: 4px solid transparent;
cursor: pointer;
height: 100%;
}
.reaction-box .reaction-box-options ul .reaction-box-option.active {
border-bottom-color: #111;
}
.reaction-box .reaction-box-options ul .reaction-box-option p {
margin: 0;
padding: 0;
}
.reaction-box .reaction-box-options ul .reaction-box-option img {
width: 20px;
height: 20px;
margin-right: 6px;
position: relative;
top: -1px;
}
.reaction-box .reaction-box-content .reaction-box-item {
height: 406px;
padding: 32px 28px;
overflow-y: auto;
}
.reaction-box .user-status {
min-height: 44px;
padding: 2px 0 0 60px;
position: relative;
}
.reaction-box .user-status-list .user-status {
margin-bottom: 22px;
}
.reaction-box .user-status.request-small {
padding-right: 48px;
}
.reaction-box .user-avatar-circle img {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
position: relative;
}
.reaction-box .user-status .user-status-avatar {
position: absolute;
top: 0;
left: 0;
}
.reaction-box .user-avatar-circle.no-border.no-stats.small {
width: 44px;
height: 44px;
}
.reaction-box .user-status.request .user-status-title,
.reaction-box .user-status.request-small .user-status-title {
margin-top: 2px;
line-height: 1.1428571429em;
}
.reaction-box .user-status .user-status-title {
font-size: 0.875rem;
font-weight: 500;
line-height: 1.4285714286em;
word-break: break-word;
}
.reaction-box .user-status .action-request-list {
position: absolute;
top: 2px;
right: 0;
}
.reaction-box .action-request-list {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.reaction-box .user-status .user-status-reaction-image {
width: 20px;
height: auto;
} .post-footer-content-actiions {
margin: 1rem 0 0;
}
.bp-reactions-layout-1 {
background: #fff;
padding: 30px;
border: 1px solid #eeeeee;
border-radius: 4px;
}
.bp-reactions-layout-1 .emoji-picker {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.bp-reactions-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
clear: both;
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
}
.bp-reactions-wrap.bp-reactions-left {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.bp-reactions-wrap.bp-reactions-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bp-reactions-wrap.bp-reactions-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.bp-reactions-center .bp-reactions-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.bp-reaction-call-to-action {
font-size: 24px;
font-weight: bold;
text-align: center;
color: #111;
line-height: 1.2;
max-width: 100%;
margin-bottom: 35px;
text-decoration: none;
}
.bp-reactions-layout-1 .emoji-pick {
cursor: pointer;
position: relative;
padding: 0;
}
.bp-reactions-layout-1 .emoji-pick:hover,
.bp-reactions-layout-1 .emoji-pick.active {
-webkit-transform: scale(1.15) translate(0, -4px) translateZ(0);
transform: scale(1.15) translate(0, -4px) translateZ(0);
-webkit-transition: -webkit-transform 200ms;
transition: transform 200ms;
}
.bp-emoji-arrow-badge {
text-align: center;
min-width: 27px;
height: 16px;
background-color: #333;
position: absolute;
border-radius: 3px;
color: #fff;
font-size: 12px;
line-height: 13px;
font-weight: 300;
padding: 2px 4px;
z-index: 2;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.bp-reactions-layout-1 .bp-emoji-arrow-badge {
top: -20px;
}
.bp-reactions-layout-1 .emoji-pick.active .bp-emoji-arrow-badge {
top: -16px;
}
.bp-reactions-layout-1 .emoji-pick .emoji-lottie-holder {
width: 50px;
height: 50px;
margin: 0;
padding: 0;
}
.bp-reactions-layout-1 .emoji-pick .emoji-svg-holder {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 38px;
height: 38px;
margin: 6px;
padding: 0;
}
.bp-reactions-layout-1 .emoji-pick.active .emoji-svg-holder,
.bp-reactions-layout-1 .emoji-pick:hover .emoji-svg-holder {
width: 38px;
height: 38px;
margin: 6px;
}
@media screen and (max-width: 543px) {
.bp-reactions-layout-1 .emoji-pick .emoji-lottie-holder {
width: 33px;
height: 33px;
}
.bp-reactions-layout-1 .emoji-pick .emoji-svg-holder {
width: 25px;
height: 25px;
margin: 4px;
}
.bp-reactions-layout-1 .emoji-pick.active .emoji-svg-holder,
.bp-reactions-layout-1 .emoji-pick:hover .emoji-svg-holder {
width: 25px;
height: 25px;
margin: 4px;
}
} .widget_bp_reactions_list_widget .wp-reactions-lists-container {
margin: -10px !important;
}
.widget_bp_reactions_list_widget ul.wp-reactions-lists {
margin: 0 !important;
padding: 1px 2px !important;
list-style: none;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.widget_bp_reactions_list_widget ul.wp-reactions-lists li {
width: -webkit-calc(50% - 20px);
width: calc(50% - 20px);
margin: 10px;
padding: 10px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
text-align: center;
border-radius: 10px;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.widget_bp_reactions_list_widget ul.wp-reactions-lists li .reaction-image {
width: 40px;
height: 40px;
}
.widget_bp_reactions_list_widget ul.wp-reactions-lists li span.count {
margin-top: 10px;
font-size: 1.375rem;
font-weight: 700;
}
.widget_bp_reactions_list_widget ul.wp-reactions-lists li span.wp-emoji-name {
margin-top: 8px;
color: #a6a8c6;
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
display: none;
}
.swiper-button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.swiper-button-wrapper .swiper-button {
margin: 5px 10px;
color: #adafca;
cursor: pointer;
}
.swiper-button-wrapper .swiper-button i {
font-weight: 400;
}
.swiper-button-wrapper .swiper-button:hover {
color: #3e3f5e;
}
.swiper-button-wrapper .swiper-button-disabled,
.swiper-button-wrapper .swiper-button-disabled:hover {
color: #adafca;
cursor: default;
}
.swiper-button-wrapper .swiper-button-lock {
display: none;
} .bbp-reply-footer .bbp-meta .bp-activity-react-button-wrapper,
#bbpress-forums ul.bbp-lead-topic .bbp-body .bbp-topic-footer .bbp-meta .bp-activity-react-button-wrapper {
display: inline-block;
margin-right: 15px;
vertical-align: middle;
}
.bbp-reply-footer .bbp-meta .bp-activity-react-btn a.bp-activity-react-button,
#bbpress-forums ul.bbp-lead-topic .bbp-body .bbp-topic-footer .bbp-meta .bp-activity-react-btn a.bp-activity-react-button {
background: 0 0 !important;
border-radius: 25px;
padding: 0;
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-animation: none !important;
animation: none !important;
cursor: pointer;
}
.bbp-reply-footer .bbp-meta .bp-post-react-icon,
#bbpress-forums ul.bbp-lead-topic .bbp-body .bbp-topic-footer .bbp-meta .bp-post-react-icon {
line-height: normal;
}
.bbp-topic-content .simple-dropdown ul.reacted-users,
.bbp-reply-content .simple-dropdown ul.reacted-users {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.bbp-topic-content .simple-dropdown ul.reacted-users li,
.bbp-reply-content .simple-dropdown ul.reacted-users li {
list-style: none !important;
}
@media screen and (max-width: 400px) {
.bbp-reply-footer .bbp-meta .bp-activity-react-button-wrapper .bp-activity-reactions,
#bbpress-forums ul.bbp-lead-topic .bbp-body .bbp-topic-footer .bbp-meta .bp-activity-react-button-wrapper .bp-activity-reactions {
left: -60px;
}
}.reacted-count.content-actions {
margin: 6px 0;
display: inline-block;
}
.reacted-count .content-action {
display: inline-flex;
align-items: center;
transition: all 0.2s ease;
} .reacted-count .meta-line {
display: flex;
align-items: center;
gap: 2px; } .reaction-item-list {
display: flex;
align-items: center;
margin-right: 2px; }
.reaction-item-wrap {
position: relative;
margin-left: -4px !important; transition: all 0.2s ease;
}
.reaction-item-wrap:first-child {
margin-left: 0 !important;
}
.reaction-item-wrap:hover {
transform: translateY(-2px) scale(1.15);
z-index: 10;
} .reaction-item {
width: 26px;
height: 26px;
background: transparent;
border-radius: 50%;
padding: 0;
cursor: pointer;
display: flex !important;
align-items: center;
justify-content: center;
position: relative;
} .reaction-item::before {
content: '';
position: absolute;
inset: -2px;
background: rgba(0, 0, 0, 0.04);
border-radius: 50%;
opacity: 0;
transition: opacity 0.2s ease;
}
.reaction-item:hover::before {
opacity: 1;
}
.reaction-item .reaction-image {
width: 20px !important;
height: 20px !important;
object-fit: contain;
} .reaction-item .simple-dropdown {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%) translateY(-8px);
background: white;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
padding: 12px;
min-width: 160px;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease;
z-index: 99999;
}
.reaction-item:hover .simple-dropdown {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(-12px);
} .reaction-item .simple-dropdown::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: white;
} .simple-dropdown-text {
margin-bottom: 8px;
}
.simple-dropdown-text:last-child {
margin-bottom: 0;
}
.reacted-emoji {
display: flex;
align-items: center;
gap: 8px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
margin-bottom: 8px;
}
.reacted-emoji .reaction {
width: 20px !important;
height: 20px !important;
}
.reacted-emoji .bold {
font-weight: 600;
font-size: 13px;
color: #333;
} .reacted-users {
list-style: none;
margin: 0;
padding: 0;
max-height: 120px;
overflow-y: auto;
}
.reacted-user {
padding: 3px 0;
font-size: 12px;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.reacted-user:hover {
color: #333;
} .total-reaction-counts {
font-size: 14px;
font-weight: 600;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
padding: 4px 8px;
cursor: pointer;
transition: all 0.2s ease;
line-height: 1.4;
position: relative;
display: inline-flex;
align-items: center;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
border-radius: 12px;
} .total-reaction-counts::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.04);
border-radius: 12px;
opacity: 0;
transition: opacity 0.2s ease;
z-index: -1;
} @supports not (-webkit-background-clip: text) {
.total-reaction-counts {
background: none;
color: #667eea;
-webkit-text-fill-color: initial;
}
}
.total-reaction-counts:hover {
background: linear-gradient(135deg, #764ba2 0%, #f093fb 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
transform: translateY(-1px) scale(1.05);
}
.total-reaction-counts:hover::after {
opacity: 1;
} .wbreacted-waiting {
display: none !important;
} .bp-reactions-loading .reaction-item-list {
opacity: 0.5;
} @media (max-width: 768px) {
.reaction-item {
width: 24px;
height: 24px;
padding: 3px;
}
.reaction-item .reaction-image {
width: 16px !important;
height: 16px !important;
}
.reaction-item .simple-dropdown {
position: fixed;
bottom: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
}
.reaction-item:hover .simple-dropdown {
transform: translate(-50%, -50%);
}
.reaction-item .simple-dropdown::after {
display: none;
}
} @media (prefers-color-scheme: dark) {
.reaction-item {
background: transparent;
}
.reaction-item::before {
background: rgba(255, 255, 255, 0.08);
}
.reaction-item .simple-dropdown {
background: #2a2a2a;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
.reaction-item .simple-dropdown::after {
border-top-color: #2a2a2a;
}
.reacted-emoji {
border-bottom-color: rgba(255, 255, 255, 0.1);
}
.reacted-emoji .bold {
color: #fff;
}
.reacted-user {
color: #ccc;
}
.reacted-user:hover {
color: #fff;
}
.total-reaction-counts {
color: #aaa;
font-weight: 500;
}
.total-reaction-counts::after {
background: rgba(255, 255, 255, 0.08);
}
.total-reaction-counts:hover {
color: #58a6ff; }
}  .reaction-box .reaction-box-options {
overflow-x: auto;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.reaction-box .reaction-box-options::-webkit-scrollbar {
height: 6px;
}
.reaction-box .reaction-box-options::-webkit-scrollbar-track {
background: transparent;
}
.reaction-box .reaction-box-options::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
border-radius: 3px;
} .reaction-box .reaction-box-options ul {
flex-wrap: nowrap \!important;
min-width: max-content;
} .reacted-count .reaction-item-wrap:nth-child(n+4) {
display: none \!important;
} .reacted-count .reaction-item-list {
position: relative;
} .reaction-box .user-status {
contain: layout style;
}
.reaction-box-content .reaction-box-item {
max-height: 500px \!important;
} .total-reaction-counts {
min-width: 20px;
text-align: center;
} [data-reaction-count="1000+"]:not(.total-reaction-counts)::after {
content: "1k+";
font-size: 11px;
}
[data-reaction-count="10000+"]:not(.total-reaction-counts)::after {
content: "10k+";
font-size: 11px;
}[data-bp-tooltip] {
position: relative;
}
[data-bp-tooltip]:after {
background-color: #fff;
display: none;
opacity: 0;
position: absolute;
transform: translate3d(0, 0, 0);
visibility: hidden;
}
[data-bp-tooltip]:after {
border: 1px solid #737373;
border-radius: 1px;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
color: #333;
content: attr(data-bp-tooltip);
font-family: "Helvetica Neue", helvetica, arial, san-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: normal;
line-height: 1.25;
max-width: 200px;
padding: 5px 8px;
pointer-events: none;
text-shadow: none;
text-transform: none;
transition: all 1.5s ease;
white-space: nowrap;
word-wrap: break-word;
z-index: 100000;
}
[data-bp-tooltip]:hover:after, [data-bp-tooltip]:active:after, [data-bp-tooltip]:focus:after {
display: block;
opacity: 1;
overflow: visible;
visibility: visible;
}
[data-bp-tooltip=""] {
display: none;
opacity: 0;
visibility: hidden;
}
.bp-tooltip:after {
left: 50%;
margin-top: 7px;
top: 110%;
transform: translate(-50%, 0);
}
.avatar-block .item-avatar .bp-tooltip:after {
left: 0;
transform: translate(0, 0);
}