@font-face {
	font-family: "Geist Mono";
	src: url("../fonts/geist-mono/GeistMono-Regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geist Mono";
	src: url("../fonts/geist-mono/GeistMono-SemiBold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Geist Mono";
	src: url("../fonts/geist-mono/GeistMono-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--fonts-monospace: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	--fonts-regular: var(--fonts-monospace);
	--fonts-proportional: var(--fonts-monospace);
	--border-radius: 7px;
	--border-radius-medium: 8px;
	--border-radius-large: 10px;
	--color-body: #181818;
	--color-navbar: #181818;
	--color-footer: #181818;
	--color-box-header: #202020;
	--color-box-body: #1d1d1d;
	--color-card: #242424;
	--color-menu: #242424;
	--color-input-background: #242424;
	--color-secondary: #3a3a3a;
	--color-secondary-light-1: #282828;
	--color-secondary-light-2: #202020;
	--color-hover: rgba(255, 255, 255, 0.06);
	--color-active: rgba(255, 255, 255, 0.1);
	--color-project-board-bg: #181818;
	--color-console-bg: #181818;
}

html {
	font-size: 15.5px;
}

html,
body,
button,
input,
select,
textarea,
.ui,
.ui.button,
.ui.header,
.markdown,
.markup {
	font-family: var(--fonts-monospace) !important;
}

.ui.segment,
.ui.segments,
.ui.attached.segment,
.ui.table,
.ui.table.segment,
.ui.menu,
.ui.dropdown .menu,
.ui.popup,
.ui.message,
.ui.form input,
.ui.form textarea,
.ui.input input,
.ui.selection.dropdown,
.ui.modal,
.ui.card,
.ui.cards > .card,
.repository.file.list,
.repository .diff-file-box,
.repository .comment-code-cloud,
.file-view,
.timeline-item,
.markup,
.CodeMirror,
.EasyMDEContainer .CodeMirror,
.editor-toolbar {
	border-radius: var(--border-radius) !important;
}

.ui.top.attached.segment,
.ui.attached.header,
.ui.attached.menu {
	border-top-left-radius: var(--border-radius) !important;
	border-top-right-radius: var(--border-radius) !important;
}

.ui.bottom.attached.segment {
	border-bottom-left-radius: var(--border-radius) !important;
	border-bottom-right-radius: var(--border-radius) !important;
}

.ui.button,
.ui.label,
.ui.basic.label,
.ui.dropdown > .text,
.ui.search > .results,
.ui.pagination.menu,
.ui.avatar.image,
img.avatar,
.avatar,
.repo-icon,
.branch-tag-item,
.issue-card,
.project-column,
.commit-status,
.Label,
.label {
	border-radius: 8px !important;
}

.ui.button.icon,
.ui.icon.button,
.btn,
.btn-octicon {
	border-radius: 7px !important;
}

.navbar,
.page-footer,
.secondary-nav,
.repository .header-wrapper,
.repo-header,
.ui.menu,
.ui.vertical.menu,
.ui.tabular.menu,
.ui.attached.header,
.ui.top.attached.header,
.ui.top.attached.segment {
	background: var(--color-body) !important;
}

.full.height,
.page-content,
.dashboard,
.repository,
.explore,
.user.profile,
.organization.profile {
	background: var(--color-body);
}

.user.profile > .ui.container {
	width: min(1280px, calc(100% - 32px)) !important;
	margin-top: 22px;
}

.user.profile .ui.stackable.grid {
	column-gap: 18px;
}

.user.profile .ui.four.wide.column {
	width: 290px !important;
	padding-right: 10px !important;
}

.user.profile .ui.twelve.wide.column {
	width: calc(100% - 308px) !important;
	padding-left: 10px !important;
}

.user.profile #profile-avatar-card.ui.card {
	width: 100%;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.user.profile #profile-avatar-card .content {
	border: 0;
	padding-left: 0;
	padding-right: 0;
	background: transparent;
}

.user.profile #profile-avatar {
	justify-content: flex-start;
	padding-bottom: 14px;
}

.user.profile #profile-avatar img.avatar,
.user.profile #profile-avatar .image img {
	width: 260px;
	height: 260px;
	border: 1px solid var(--color-secondary);
	border-radius: 50% !important;
	background: var(--color-box-body);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.user.profile .profile-avatar-name {
	text-align: left;
}

.user.profile .profile-avatar-name .username {
	display: block;
	font-size: 1.55rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--color-text);
}

.user.profile .profile-avatar-name .tw-justify-center {
	justify-content: flex-start !important;
}

.user.profile #profile-avatar-card .extra.content {
	margin-top: 10px;
	padding-top: 14px;
	border-top: 1px solid var(--color-secondary);
	color: var(--color-text-light);
}

.user.profile #profile-avatar-card .extra.content ul {
	padding-left: 0;
	list-style: none;
}

.user.profile overflow-menu.ui.tabular.menu {
	margin-bottom: 14px;
	border-bottom: 1px solid var(--color-secondary) !important;
	background: transparent !important;
}

.user.profile overflow-menu .overflow-menu-items {
	gap: 6px;
}

.user.profile overflow-menu.ui.tabular.menu .item {
	margin-bottom: -1px;
	padding: 12px 14px;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	color: var(--color-text-light);
}

.user.profile overflow-menu.ui.tabular.menu .item:hover {
	background: var(--color-hover) !important;
	color: var(--color-text);
}

.user.profile overflow-menu.ui.tabular.menu .active.item {
	border-bottom-color: var(--color-primary) !important;
	background: transparent !important;
	color: var(--color-text) !important;
	font-weight: 700;
}

.user.profile .ui.small.secondary.filter.menu {
	margin: 0 0 14px;
	padding: 12px;
	border: 1px solid var(--color-secondary);
	border-radius: var(--border-radius);
	background: var(--color-box-body) !important;
}

.user.profile #repo-search-form {
	gap: 8px !important;
}

.user.profile #repo-search-form input[type="search"] {
	min-height: 36px;
	border-color: var(--color-secondary);
	background: var(--color-input-background);
}

.user.profile #repo-search-form .dropdown {
	min-height: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0 10px !important;
	border: 1px solid var(--color-secondary);
	border-radius: var(--border-radius);
	background: var(--color-card);
	font-size: 0.86rem;
	line-height: 1;
	white-space: nowrap;
}

.user.profile #repo-search-form .dropdown .text {
	line-height: 1;
}

.user.profile #repo-search-form .dropdown .dropdown.icon {
	width: 12px;
	height: 12px;
	margin-left: 2px;
}

.user.profile .divider {
	display: none;
}

.user.profile .flex-list {
	display: grid;
	gap: 10px;
}

.user.profile .flex-list .flex-item {
	padding: 16px;
	border: 1px solid var(--color-secondary);
	border-radius: var(--border-radius);
	background: var(--color-box-body);
	transition: border-color 120ms ease, background 120ms ease, transform 120ms ease;
}

.user.profile .flex-list .flex-item:hover {
	border-color: var(--color-primary);
	background: var(--color-card);
	transform: translateY(-1px);
}

.user.profile .flex-item-leading {
	color: var(--color-text-light-2);
}

.user.profile .flex-item-title .name {
	font-size: 1.08rem;
	font-weight: 700;
	color: var(--color-primary) !important;
}

.user.profile .flex-item-body {
	margin-top: 8px;
	color: var(--color-text-light);
}

.user.profile .flex-item-trailing {
	gap: 12px;
	color: var(--color-text-light);
}

.user.profile .color-icon {
	width: 10px;
	height: 10px;
	border-radius: 50% !important;
}

@media (max-width: 767.98px) {
	.user.profile > .ui.container {
		width: min(100% - 24px, 1280px) !important;
		margin-top: 14px;
	}

	.user.profile .ui.four.wide.column,
	.user.profile .ui.twelve.wide.column {
		width: 100% !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}

	.user.profile #profile-avatar {
		justify-content: center;
	}

	.user.profile #profile-avatar img.avatar,
	.user.profile #profile-avatar .image img {
		width: 168px;
		height: 168px;
	}

	.user.profile .profile-avatar-name,
	.user.profile .profile-avatar-name .tw-justify-center {
		text-align: center;
		justify-content: center !important;
	}

	.user.profile #repo-search-form {
		flex-wrap: wrap;
	}
}