/* Scoped styles can be added here if needed */

.activity-title {
  font-size: 1rem !important;
  font-family: var(--roboto) !important;
a {
    font-weight: 500 !important;
    color: var(--text) !important;
}
}
.activity-content,
.comment-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.activity-content {
  -webkit-line-clamp: 5;
  line-clamp: 5;
}
.activity-content.expanded {
  -webkit-line-clamp: unset;
  line-clamp: unset;
}
.comment-content {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.comment-content.expanded {
  -webkit-line-clamp: unset;
  line-clamp: unset;
}

.online[data-v-de570a43] {

	position: absolute;

	top: 0px;

	right: 0px;

	border-radius: 9999px;

	--tw-bg-opacity: 1;

	background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));

	width: .5rem;
	height: .5rem;
	background-color: var(--green-600)
}

.dropdown-trigger[data-v-21a4d4c3],
.dropdown-trigger[data-v-21a4d4c3]:focus,
.dropdown-trigger[data-v-21a4d4c3]:focus-visible {
	outline: var(--dropdown-trigger-outline, none);
}
.dropdown-trigger[data-v-21a4d4c3] {
	border: var(--dropdown-trigger-border, none);
	background-color: var(--dropdown-trigger-bg, transparent);
	color: var(--dropdown-trigger-fg, #000);
	padding: var(--dropdown-trigger-padding, 0);
	cursor: pointer;
}

.dropdown-content {
	z-index: 9999;
	width: min(var(--dropdown-content-width, 250px), 100%);
	position: absolute;
	margin: 0;
	inset: auto;
	top: anchor(bottom);
	left: anchor(left);
	position-anchor: var(--anchor-name);
	position-try-fallbacks: --right;
	border: var(--dropdown-content-border, none);
	margin-top: var(--dropdown-content-top-spacer, 0.25rem);
	background-color: var(--dropdown-content-bg, #fff);
	color: var(--dropdown-content-fg, #000);
	min-width: 200px;
	max-width: 320px;
	max-height: 400px;
	overflow-y: auto;
	border-radius: var(--dropdown-content-border-radius, 0.5rem);
	box-shadow: var(--dropdown-content-box-shadow , 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -2px rgb(0 0 0 / 10%));
	transition: opacity 0.2s, transform 0.2s, display 0.2s allow-discrete;
}
@position-try --right {
	inset: auto;
	top: anchor(bottom);
	right: anchor(right);
}
@position-try --left {
	inset: auto;
	top: anchor(bottom);
	left: anchor(left);
}

.dropdown-group-label {
  padding: var(--dropdown-group-label-padding, 0.25rem 0.5rem);
  font-weight: bold;
  color: var(--dropdown-group-label-fg, #000);
  background-color: var(--dropdown-group-label-bg, #fff);
  font-size: var(--dropdown-group-label-font-size, 0.875rem);
}
.seperator {
  border-top: solid 1px var(--dropdown-group-seperator-color, #333);
  border-bottom: solid 1px var(--dropdown-group-seperator-color, #333);
}
.seperator:last-child  {
  border-bottom: none !important;
}

.dropdown-menu-item > * {
  padding: var(--dropdown-item-padding, 0.25rem 0.5rem);
  cursor: pointer;
  color: var(--dropdown-item-fg, #000);
  background-color: var(--dropdown-item-bg, transparent);
  font-size: var(--dropdown-item-font-size, 1rem) !important;
  font-family: var(--dropdown-item-font-family);
  line-height: var(--dropdown-item-line-height, 1.15);
}
.dropdown-menu-item:hover {
  background-color: var(--dropdown-item-hover-bg, #bbb);
  color: var(--dropdown-item-hover-fg, #000);
}
.dropdown-menu-item[data-disabled='true'] {
  opacity: 0.5;
  cursor: not-allowed;
}

.toolbar-section[data-v-cb90acd0] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-cb90acd0] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toolbar-button[data-v-cb90acd0]:hover:not(:disabled) {
	background-color: #e8e8e8;
}
.toolbar-button[data-v-cb90acd0]:active:not(:disabled) {
	transform: scale(0.95);
}
.toolbar-button[data-v-cb90acd0]:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
.icon[data-v-cb90acd0] {
	font-size: 16px;
	font-weight: bold;
}

.toolbar-section[data-v-ca7df17d] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-ca7df17d] {
	padding: 6px 10px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 12px;
}
.toolbar-button[data-v-ca7df17d]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-ca7df17d] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-ca7df17d]:active {
	transform: scale(0.95);
}
.icon[data-v-ca7df17d] {
	font-size: 13px;
}

.toolbar-section[data-v-f7a9b9bf] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-f7a9b9bf] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
.toolbar-button[data-v-f7a9b9bf]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-f7a9b9bf] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-f7a9b9bf]:active {
	transform: scale(0.95);
}
.icon[data-v-f7a9b9bf] {
	font-size: 14px;
}

.toolbar-section[data-v-893d2971] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-893d2971] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toolbar-button[data-v-893d2971]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-893d2971] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-893d2971]:active {
	transform: scale(0.95);
}
.icon[data-v-893d2971] {
	font-size: 16px;
}

.toolbar-section[data-v-f88d5aa1] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-f88d5aa1] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
.toolbar-button[data-v-f88d5aa1]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-f88d5aa1] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-f88d5aa1]:active {
	transform: scale(0.95);
}
.icon[data-v-f88d5aa1] {
	font-size: 14px;
}

.toolbar-section[data-v-d3dd4837] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-d3dd4837] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.toolbar-button[data-v-d3dd4837]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-d3dd4837] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-d3dd4837]:active {
	transform: scale(0.95);
}
.link-modal-overlay[data-v-d3dd4837] {
	position: fixed;
	inset: 0;
	background-color: rgb(0 0 0 / 50%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
}
.link-modal[data-v-d3dd4837] {
	background: white;
	padding: 20px;
	box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
	min-width: 400px;
	z-index: 10001;
}
.link-modal h3[data-v-d3dd4837] {
	margin: 0 0 12px;
	font-size: 16px;
}
.link-input[data-v-d3dd4837] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	margin-bottom: 12px;
	box-sizing: border-box;
}
.link-input[data-v-d3dd4837]:focus {
	outline: none;
	border-color: #0084ff;
}

.toolbar-section[data-v-fbf7e8d0] {
	display: flex;
	gap: 2px;
	padding: 2px;
	background-color: white;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.toolbar-button[data-v-fbf7e8d0] {
	padding: 6px 12px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
}
.toolbar-button[data-v-fbf7e8d0]:hover {
	background-color: #e8e8e8;
}
.toolbar-button.active[data-v-fbf7e8d0] {
	background-color: var(--primary);
	color: var(--primary-foreground);
}
.toolbar-button[data-v-fbf7e8d0]:active {
	transform: scale(0.95);
}
.icon[data-v-fbf7e8d0] {
	font-size: 14px;
}

.toolbar[data-v-e2046e6c] {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	gap: 8px;
	flex-wrap: wrap;
}
.toolbar-divider[data-v-e2046e6c] {
	width: 1px;
	height: 24px;
	background-color: #ddd;
}

.editor-container[data-v-991930c3] {
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden;
	background-color: white;
}
.editor-wrapper[data-v-991930c3] {
	position: relative;
}
.editor-input[data-v-991930c3] {
	min-height: 200px;
	padding: 16px;
	outline: none;
	font-size: 15px;
	line-height: 1.6;
	caret-color: #000;
}
.editor-input[data-v-991930c3]:focus {
	outline: none;
}
.html-editor[data-v-991930c3] {
	min-height: 200px;
	width: 100%;
	padding: 16px;
	border: none;
	outline: none;
	font-family: 'Courier New', monospace;
	font-size: 13px;
	line-height: 1.5;
	resize: vertical;
	background-color: #f8f8f8;
	color: #333;
}
.html-editor[data-v-991930c3]:focus {
	outline: none;
	background-color: #fff;
}
.editor-placeholder[data-v-991930c3] {
	position: absolute;
	top: 16px;
	left: 16px;
	color: #999;
	pointer-events: none;
	font-size: 15px;
	-webkit-user-select: none;
	        user-select: none;
}

/* Paragraph styles */
[data-v-991930c3] .editor-paragraph {
	margin: 0 0 8px;
}

/* Heading styles */
[data-v-991930c3] .editor-heading-h1 {
	font-size: 2em;
	font-weight: bold;
	margin: 16px 0 8px;
}
[data-v-991930c3] .editor-heading-h2 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 14px 0 7px;
}
[data-v-991930c3] .editor-heading-h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 12px 0 6px;
}

/* List styles */
[data-v-991930c3] .editor-list-ul,[data-v-991930c3] .editor-list-ol {
	margin: 8px 0;
	padding-left: 24px;
}
[data-v-991930c3] .editor-list-item {
	margin: 4px 0;
}
[data-v-991930c3] .editor-nested-listitem {
	list-style-type: none;
}

/* Link styles */
[data-v-991930c3] .editor-link {
	color: #0084ff;
	text-decoration: underline;
	cursor: pointer;
}
[data-v-991930c3] .editor-link:hover {
	text-decoration: none;
}

/* Text format styles */
[data-v-991930c3] .editor-text-bold {
	font-weight: bold;
}
[data-v-991930c3] .editor-text-italic {
	font-style: italic;
}
[data-v-991930c3] .editor-text-underline {
	text-decoration: underline;
}
[data-v-991930c3] .editor-text-strikethrough {
	text-decoration: line-through;
}

/* Quote styles */
[data-v-991930c3] .editor-quote {
	border-left: 4px solid #ccc;
	padding-left: 16px;
	margin: 8px 0;
	color: #666;
	font-style: italic;
}

.preview-content[data-v-54898a8e] {
	white-space: pre-wrap;
	word-wrap: break-word;
}
.active[data-v-54898a8e] {
	background-color: var(--primary);
	border-radius: 4px;
}
.ql-editor[data-v-54898a8e] {
	min-height: 200px;
}

.liked[data-v-68fab06d] {
    color: var(--primary);
}

.combobox[role="combobox"][data-v-d9950e8a] {
  position: relative;
}

.combobox-trigger {
&[data-v-b87b95c6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--combobox-trigger-padding, 0.25rem 0.5rem);
  border: var(--combobox-trigger-border, none);
  border-radius: var(--combobox-trigger-border-radius, var(--combobox-border-radius, 0) );
  background-color: var(--combobox-trigger-bg, var(--combobox-bg, #fff));
  color: var(--combobox-trigger-fg, var(--combobox-fg, #000));
  cursor: pointer;
}
&[data-v-b87b95c6]:focus-visible {
    outline: none;
}
}
.combobox-arrow[data-v-b87b95c6] {
  width: var(--combobox-arrow-size, 1rem);
  height: var(--combobox-arrow-size, 1rem);
  transition: transform 0.2s ease-in-out;
  fill: var(--combobox-fg);
  stroke: transparent;
}
[data-state="open"] .combobox-trigger[data-v-b87b95c6] {
  border-radius: var(--combobox-arrow-border-radius, var(--combobox-border-radius, 0) ) var(--combobox-arrow-border-radius, var(--combobox-border-radius, 0) ) 0 0;
}
[data-state="open"] .combobox-arrow[data-v-b87b95c6] {
  transform: rotate(180deg);
}

.combobox-content[role="listbox"][data-v-0ac960a7] {
  position: absolute;
  width: 100%;
  z-index: 10;
  border: var(--combobox-content-border, 'none');
  border-top: none;
  color: var(--combobox-content-fg, #000);
  background-color: var(--combobox-content-bg, #fff);
  border-radius: 0 0 var(--combobox-content-border-radius,var(--combobox-border-radius, 0 ) ) var(--combobox-content-border-radius,var(--combobox-border-radius, 0 ) );
  box-shadow: var(--combobox-content-box-shadow);
  margin-top: var(--combobox-content-seperation, 0.25rem);
}

.combobox-input input[data-v-4f6cea96] {
  width: 100%;
  outline: none;
  border: none;
}
.combobox-input[data-v-4f6cea96] {
  box-sizing: border-box;
  outline: none;
  padding: var(--combobox-input-padding, 0.25rem 0.5rem);
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
  border-bottom: var(--combobox-input-border, none);
}

.combobox-item[data-v-ff02b395] {
  padding: var(--combobox-item-padding, 0.25rem 0.5rem);
  cursor: pointer;
  color: var(--combobox-item-fg, #000);
  background-color: var(--combobox-item-bg, transparent);
  text-align: var(--combobox-item-text-align, center);
  font-size: var(--combobox-item-font-size, 1rem);
}
.combobox-group:last-child .combobox-item[data-v-ff02b395]:last-child {
  border-radius: 0 0 var(--combobox-item-border-radius, var(--combobox-border-radius, 0)) var(--combobox-item-border-radius, var(--combobox-border-radius, 0));
}
.combobox-item[data-v-ff02b395]:hover {
  background-color: var(--combobox-item-hover-bg, #bbb);
  color: var(--combobox-item-hover-fg, #000);
}
.combobox-item[data-selected="true"][data-v-ff02b395] {
  background-color: var(--combobox-item-selected-bg, #ddd);
  color: var(--combobox-item-selected-fg, #000);
}

.combobox-value[data-v-508ac0ee] {
  color: var(--combobox-fg, inherit);
  padding: var(--combobox-value-padding, 0.25rem 0.5rem);
  font-size: var(--combobox-value-font-size, 0.875rem);
}

.combobox-group-label[data-v-bad33045] {
  padding: var(--combobox-group-label-padding, 0.25rem 0.5rem);
  font-weight: bold;
  color: var(--combobox-group-label-fg, #000);
  background-color: var(--combobox-group-label-bg, #fff);
  font-size: var(--combobox-group-label-font-size, 0.875rem);
}

.text-sm[data-v-abb2d485] {
	font-size: .875rem;
	line-height: 1rem;
}
.py-1\.5[data-v-abb2d485] {
	padding-top: .2rem;
	padding-bottom: .2rem;
}
button[data-v-abb2d485]:not(.combobox-trigger) {
	grid-column: 1/3;
	font-size: 0.875rem;
}
[data-v-abb2d485] .combobox-trigger {
	margin-top: 8px;
}

div[data-v-2374a4b6] {
  display: flex;
  width: 100%;
}
[data-orientation="horizontal"][data-v-2374a4b6] {
  flex-direction: column;
}
[data-orientation="vertical"][data-v-2374a4b6] {
  flex-direction: row;
}

.tabs-content[data-v-a612dacd] {
  padding: var(--tabs-content-padding);
  background-color: var(--tabs-content-bg);
  color: var(--tabs-content-fg);
}

.tabs-list[data-v-fed2fd3f] {
  display: flex;
  overflow: hidden;
}
hr[data-v-fed2fd3f] {
  margin-top: -1px;
  border-top: var(--tabs-list-border-size) solid var(--tabs-list-border-color);
}
[data-orientation="horizontal"][data-v-fed2fd3f] {
  flex-direction: row;
}
[data-orientation="vertical"][data-v-fed2fd3f] {
  flex-direction: column;
  border-right: var(--tabs-list-border-size) solid var(--tabs-list-border-color);
}

.tabs-trigger[data-v-07ee6837] {
  font-family: var(--tabs-trigger-font, 'Arial, sans-serif');
  font-weight: var(--tabs-trigger-font-weight, 400);
  font-size: var(--tabs-trigger-font-size, 1rem);
  height: var(--tabs-trigger-height, auto);
  flex-grow: 1;
  background-color: var(--tabs-trigger-bg);
  color: var(--tabs-trigger-fg);
  border: var(--tabs-trigger-border-size) solid var(--tabs-trigger-border-color);
  border-bottom: var(--tabs-list-border-size) solid var(--tabs-list-border-color);
  padding: var(--tabs-trigger-padding, 0);
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  border-radius: var(--tabs-trigger-border-radius, 0);
  box-sizing: border-box;
}
.tabs-trigger[data-v-07ee6837]:hover {
  background-color: var(--tabs-trigger-hover-bg);
  color: var(--tabs-trigger-hover-fg);
}
[data-selected="true"][data-v-07ee6837],
[data-selected="true"][data-v-07ee6837]:hover {
  background-color: var(--tabs-trigger-selected-bg);
  color: var(--tabs-trigger-selected-fg);
  border-color: var(--tabs-trigger-selected-border-color);
  border-bottom-color: var(--tabs-trigger-selected-bg);
}
[data-orientation="vertical"] .tabs-trigger[data-v-07ee6837] {
  border-bottom: none;
  border-right: var(--tabs-trigger-border-size) solid var(--tabs-trigger-border-color);
  margin-bottom: 0;
  margin-right: -1px;
}