@lokalise/harmony 1.25.1 → 1.26.1

package/dist/harmony.css

@@ -1 +1,639 @@
-._headerContainer_1cubo_1{display:flex;margin-bottom:var(--lok-spacing-1);width:100%;align-items:center}._navigationTabList_1cubo_8{display:flex;list-style:none;flex-wrap:wrap;margin:0 0 0 calc(-1 * var(--lok-spacing-6));padding:0}._navigationTab_1cubo_8{border:none;margin:0;border-bottom:2px solid transparent;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:var(--lok-typography-body-small-default);color:var(--lok-color-text-default);margin:0 0 0 var(--lok-spacing-6)}._navigationTab_1cubo_8[aria-selected=true]{font-weight:500;color:var(--lok-color-text-active);border-bottom-color:var(--lok-color-text-active)}._headerContent_1cubo_34{position:fixed;background-color:var(--lok-color-background-surface-default);top:0;left:95px;right:32px;z-index:899;padding-top:var(--lok-spacing-5);padding-left:30px;padding-right:30px;margin-left:-30px;margin-right:-30px;border-bottom:1px solid var(--lok-color-border-default)}._staticEnabled_1cubo_50{z-index:var(--lok-z-index-auto);position:relative;top:inherit;left:0;right:0;padding-top:0;box-shadow:none}._sidebarContainer_bmdti_1{border-right:1px solid var(--lok-color-border-default);position:fixed;width:65px;top:0;left:0;bottom:0;background-color:var(--lok-color-background-surface-middle);display:flex;justify-content:space-between;flex-direction:column;padding-bottom:var(--lok-spacing-3);z-index:1}._logoLink_bmdti_16{display:flex;align-items:center;justify-content:center;height:67px;position:relative}._logoLink_bmdti_16:hover{background-color:var(--lok-color-background-surface-middle)}._logoLink_bmdti_16>img{width:36px}._logoLink_1baxb_1{display:flex;align-items:center;justify-content:center;height:67px;position:relative}._logoLink_1baxb_1:hover{background-color:var(--lok-color-background-surface-middle)}._logoLink_1baxb_1>img{width:36px}._link_18vhx_1._link_18vhx_1{display:flex;justify-content:center;align-items:center;height:65px;width:64px;background:transparent;border:none;outline:none;color:var(--lok-color-text-light-default)}._link_18vhx_1._link_18vhx_1:hover,._active_18vhx_18._active_18vhx_18{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._dropdownButton_13l5r_1{display:flex;justify-content:center;align-items:center;height:65px;width:64px;background:transparent;border:none;outline:none;color:var(--lok-color-text-light-default)}._dropdownButton_13l5r_1:hover,._dropdownButtonActive_13l5r_18{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._iconContainer_nz34m_1{color:var(--lok-color-background-surface-default);background-color:var(--lok-color-background-action-danger-default);border-radius:100%;font-size:10px;height:16px;width:16px}:root{--menu-container-width: 300px;--profile-button-size: 65px}._popoverContent_1phdw_6{width:var(--menu-container-width)}._menuContainer_1phdw_10{width:var(--menu-container-width);font-size:var(--lok-font-size-small)}._menuContainer_1phdw_10 button,._menuContainer_1phdw_10 a{font-size:var(--lok-font-size-small);padding:var(--lok-spacing-3) var(--lok-spacing-4)}._profileButton_1phdw_20{cursor:pointer;position:relative;border:none;background:transparent;height:var(--profile-button-size);width:var(--profile-button-size)}._profileButton_1phdw_20:hover{background:none}._profileImage_1phdw_33{width:40px;height:40px;border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._profileImageHighlight_1phdw_41{border:3px solid var(--lok-color-background-action-danger-default)}._profileImageUpgradeIcon_1phdw_45{position:absolute;bottom:10px;right:10px}._userIconWrapper_1phdw_51{width:45px;height:45px;display:flex;align-items:center;border-radius:var(--lok-radius-rounded);justify-content:center;margin:auto}._container_q5pot_1{max-width:100%}._profileEmail_q5pot_5{color:var(--lok-color-text-light-default);font-size:var(--lok-font-size-tiny);max-width:100%;overflow:hidden;text-overflow:ellipsis}._wrapper_1in7x_5{padding:var(--lok-spacing-3) var(--lok-spacing-4);gap:var(--lok-spacing-2);display:flex}._profileImage_1in7x_11{width:var(--profile-image-size);height:var(--profile-image-size);border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._teamDetails_1in7x_19{align-items:flex-start;display:flex;flex-direction:column;flex:1;gap:1px;min-width:0}._planWrapper_1in7x_28{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--lok-spacing-2);width:100%}._teamName_1in7x_36{flex:1;font:var(--lok-typography-body-base-default);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._planLabel_1in7x_45{background-color:var(--lok-color-background-danger);border-radius:var(--lok-radius-rounded);font:var(--lok-typography-body-tiny-default);padding:2px var(--lok-spacing-2);white-space:nowrap}._membership_1in7x_53{color:var(--lok-color-text-light-default);font:var(--lok-typography-body-action-base);text-transform:capitalize}._defaultProfileImage_1in7x_59{width:var(--profile-image-size);height:var(--profile-image-size)}:root{--profile-image-size: 40px}._teamsContainer_1ncrr_5{width:100%;max-height:350px;overflow-x:hidden;overflow-y:auto}._profileImage_1ncrr_15{width:var(--profile-image-size);height:var(--profile-image-size);border-radius:100%;background-color:var(--lok-color-background-surface-default);object-fit:contain}._container_1u995_1{max-width:100%;min-width:0;padding:var(--lok-spacing-3) var(--lok-spacing-4);background:var(--lok-color-background-surface-middle);border:0}._container_1u995_1:hover ._upgrade-icon_1u995_9{color:var(--lok-color-text-inverse)}._planCta_1u995_15{font:var(--lok-typography-body-small-default)}._upgradeIconWrapper_1u995_19{color:var(--lok-color-text-danger);font:var(--lok-typography-body-small-strong);height:16px}._navItem_1dudv_1._navItem_1dudv_1{border:0;background:none;width:100%;display:flex;justify-content:center;align-items:center;position:relative;height:65px;color:var(--lok-color-text-light-default)}._navItem_1dudv_1._navItem_1dudv_1:hover,._activeNavItem_1dudv_18{color:var(--lok-color-background-action-primary-default);background-color:var(--lok-color-background-surface-fore)}._badge_1dudv_23{position:absolute;top:calc(50% - 16px);left:calc(50% + 2px);display:flex;align-items:center;justify-content:center;text-align:center;width:16px;height:16px;border-radius:var(--lok-radius-rounded);background-color:var(--lok-color-text-danger);font-size:var(--lok-font-size-tiny);text-transform:uppercase;color:var(--lok-color-text-inverse)}._langRowCompleted_vpgdi_1{background:var(--lok-color-background-info)}._langRowCompleted_vpgdi_1 td{overflow:hidden;text-overflow:ellipsis;text-align:start}._langRowCompleted_vpgdi_1 td:first-child{border-left:2px solid var(--lok-color-background-action-primary-default)}._langCellSecondary_vpgdi_15{color:var(--lok-color-text-light-default);text-align:left}._langStatus_vpgdi_20{color:var(--lok-color-text-light-default)}._langStatus_vpgdi_20:before{display:inline-block;content:"";width:6px;height:6px;border-radius:50%;margin:var(--lok-spacing-1);background-color:#cbd5e0}._langStatus_vpgdi_20[data-status=completed]:before{background-color:#60e778}._langStatus_vpgdi_20[data-status=in_progress]:before{background-color:#facc15}._taskContainer_mt2or_1{padding:var(--lok-spacing-4);position:relative}._taskContainer_mt2or_1:not(:first-child):before{display:block;content:"";height:1px;width:calc(100% - 2 * var(--lok-spacing-4));position:absolute;top:0;left:var(--lok-spacing-4);background:var(--lok-color-background-surface-fore)}._tagDue_mt2or_17{background:#dea829}._taskTitle_mt2or_21{font:var(--lok-typography-body-small-default);overflow:hidden;text-overflow:ellipsis;margin-block:var(--lok-spacing-4) var(--lok-spacing-2)}._taskDescription_mt2or_28{color:var(--lok-color-text-light-default);font:var(--lok-typography-body-action-small);overflow:hidden;text-overflow:ellipsis}._languagesTable_mt2or_35{table-layout:fixed;margin-top:var(--lok-spacing-3);width:auto;margin-left:calc(var(--lok-spacing-4) * -1);border-collapse:separate}._languagesTable_mt2or_35 tbody td{padding-top:var(--lok-spacing-1);padding-bottom:var(--lok-spacing-1)}._languagesTable_mt2or_35 thead th:first-child,._languagesTable_mt2or_35 tbody td:first-child{padding-left:var(--lok-spacing-4)}._languagesTable_mt2or_35 thead th,._languagesTable_mt2or_35 tbody td{padding-left:var(--lok-spacing-2)}._languagesTable_mt2or_35 thead th:last-child,._languagesTable_mt2or_35 tbody td:last-child{padding-right:var(--lok-spacing-4)}._languagesTable_mt2or_35 thead tr th{color:var(--lok-color-text-light-default);text-align:left;padding-bottom:var(--lok-spacing-1);font:var(--lok-typography-body-tiny-default);text-transform:uppercase}._languagesTable_mt2or_35 thead tr th:nth-child(1){width:170px}._languagesTable_mt2or_35 thead tr th:nth-child(2){width:107px}._languagesTable_mt2or_35 thead tr th:nth-child(3){width:75px}._languagesTable_mt2or_35 thead tr th:nth-child(4){width:118px}._metadata_mt2or_87{color:var(--lok-color-text-light-default);margin:var(--lok-spacing-4) 0 0;font:var(--lok-typography-body-tiny-default)}._metadata_mt2or_87>span{overflow:hidden;text-overflow:ellipsis;flex-basis:100%;max-width:max-content}._metadata_mt2or_87>span:not(:first-child){margin-left:var(--lok-spacing-1)}._metadata_mt2or_87>span:not(:first-child):before{content:"•";margin-right:var(--lok-spacing-1)}._loadingContainer_19d6m_1{height:100px;width:487px;left:69px}._noTasksContainer_19d6m_7{text-align:center;padding:var(--lok-spacing-8);width:360px;left:65px}._noTasksHeading_19d6m_14{font:var(--lok-typography-heading-3)}._noTasksText_19d6m_18{font:var(--lok-typography-body-action-base);color:var(--lok-color-text-light-default)}._tasksContainer_19d6m_23{width:487px;max-height:70vh;overflow-y:auto;overflow-x:hidden;left:65px}._breadcrumbsItem_1hm6a_1{color:var(--lok-color-text-light-default);text-decoration:none}._breadcrumbs_1hm6a_1{font:var(--lok-typography-body-small-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--lok-spacing-1);max-width:90%}._breadcrumbs_1hm6a_1>*{white-space:nowrap}._badge_1pc1v_1{position:absolute;top:5px;right:-13px;background-color:var(--lok-color-background-action-danger-default);font-size:8px;color:var(--lok-color-text-inverse);border-radius:var(--lok-radius-rounded);width:12px;height:12px;line-height:12px;text-align:center}._tag_1pc1v_15{background-color:var(--lok-color-background-active);border:none;color:var(--lok-color-background-action-primary-pressed)}._withLinkStyle_1pc1v_21{cursor:pointer;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--lok-color-background-action-primary-default);background-color:transparent;padding:0;border:none}._withLinkStyle_1pc1v_21:hover,._withLinkStyle_1pc1v_21:focus{color:var(--lok-color-background-action-primary-hover)}._withLinkStyle_1pc1v_21:active,._withLinkStyle_1pc1v_21:active:hover{color:var(--lok-color-background-action-primary-pressed)}._withNavLinkStyle_1pc1v_42{color:inherit;display:block;position:relative;padding-top:var(--lok-spacing-2);padding-bottom:14px;background-color:transparent;text-decoration:none}._withNavLinkStyle_1pc1v_42[disabled]{pointer-events:none}._withNavLinkStyle_1pc1v_42._disabled_1pc1v_57{color:var(--lok-color-text-disabled)}._projectNavigationItem_1pc1v_61{display:flex;align-items:center;justify-content:space-between}._projectNavigationItemDisabled_1pc1v_67{opacity:.6;pointer-events:none}
+._headerContainer_1cubo_1 {
+	display: flex;
+	margin-bottom: var(--lok-spacing-1);
+	width: 100%;
+	align-items: center;
+}
+
+._navigationTabList_1cubo_8 {
+	display: flex;
+	list-style: none;
+	flex-wrap: wrap;
+	margin: 0 0 0 calc(-1 * var(--lok-spacing-6));
+	padding: 0;
+}
+
+._navigationTab_1cubo_8 {
+	border: none;
+	margin: 0;
+	border-bottom: 2px solid transparent;
+	background: none;
+	appearance: none;
+
+	font: var(--lok-typography-body-small-default);
+	color: var(--lok-color-text-default);
+	margin: 0 0 0 var(--lok-spacing-6);
+
+	&[aria-selected='true'] {
+		font-weight: 500;
+		color: var(--lok-color-text-active);
+		border-bottom-color: var(--lok-color-text-active);
+	}
+}
+
+._headerContent_1cubo_34 {
+	position: fixed;
+	background-color: var(--lok-color-background-surface-default);
+	top: 0;
+	left: 95px;
+	right: 32px;
+	z-index: 899;
+
+	padding-top: var(--lok-spacing-5);
+	padding-left: 30px;
+	padding-right: 30px;
+	margin-left: -30px;
+	margin-right: -30px;
+	border-bottom: 1px solid var(--lok-color-border-default);
+}
+
+._staticEnabled_1cubo_50 {
+	z-index: var(--lok-z-index-auto);
+	position: relative;
+	top: inherit;
+	left: 0;
+	right: 0;
+	padding-top: 0;
+	box-shadow: none;
+}
+._sidebarContainer_bmdti_1 {
+	border-right: 1px solid var(--lok-color-border-default);
+	position: fixed;
+	width: 65px;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	background-color: var(--lok-color-background-surface-middle);
+	display: flex;
+	justify-content: space-between;
+	flex-direction: column;
+	padding-bottom: var(--lok-spacing-3);
+	z-index: 1;
+}
+
+._logoLink_bmdti_16 {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 67px;
+	position: relative;
+
+	&:hover {
+		background-color: var(--lok-color-background-surface-middle);
+	}
+
+	> img {
+		width: 36px;
+	}
+}
+._logoLink_1baxb_1 {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	height: 67px;
+	position: relative;
+
+	&:hover {
+		background-color: var(--lok-color-background-surface-middle);
+	}
+
+	> img {
+		width: 36px;
+	}
+}
+._link_18vhx_1._link_18vhx_1 {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 65px;
+	width: 64px;
+	background: transparent;
+	border: none;
+	outline: none;
+	color: var(--lok-color-text-light-default);
+
+	&:hover {
+		color: var(--lok-color-background-action-primary-default);
+		background-color: var(--lok-color-background-surface-fore);
+	}
+}
+
+._active_18vhx_18._active_18vhx_18 {
+	color: var(--lok-color-background-action-primary-default);
+	background-color: var(--lok-color-background-surface-fore);
+}
+._dropdownButton_13l5r_1 {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 65px;
+	width: 64px;
+	background: transparent;
+	border: none;
+	outline: none;
+	color: var(--lok-color-text-light-default);
+
+	&:hover {
+		color: var(--lok-color-background-action-primary-default);
+		background-color: var(--lok-color-background-surface-fore);
+	}
+}
+
+._dropdownButtonActive_13l5r_18 {
+	color: var(--lok-color-background-action-primary-default);
+	background-color: var(--lok-color-background-surface-fore);
+}
+._iconContainer_nz34m_1 {
+	color: var(--lok-color-background-surface-default);
+	background-color: var(--lok-color-background-action-danger-default);
+	border-radius: 100%;
+	font-size: 10px;
+	height: 16px;
+	width: 16px;
+}
+:root {
+	--menu-container-width: 300px;
+	--profile-button-size: 65px;
+}
+
+._popoverContent_1phdw_6 {
+	width: var(--menu-container-width);
+}
+
+._menuContainer_1phdw_10 {
+	width: var(--menu-container-width);
+	font-size: var(--lok-font-size-small);
+	button,
+	a {
+		font-size: var(--lok-font-size-small);
+		padding: var(--lok-spacing-3) var(--lok-spacing-4);
+	}
+}
+
+._profileButton_1phdw_20 {
+	cursor: pointer;
+	position: relative;
+	border: none;
+	background: transparent;
+	height: var(--profile-button-size);
+	width: var(--profile-button-size);
+
+	&:hover {
+		background: none;
+	}
+}
+
+._profileImage_1phdw_33 {
+	width: 40px;
+	height: 40px;
+	border-radius: 100%;
+	background-color: var(--lok-color-background-surface-default);
+	object-fit: contain; /* Make sure that non-square images maintain their aspect ratio */
+}
+
+._profileImageHighlight_1phdw_41 {
+	border: 3px solid var(--lok-color-background-action-danger-default);
+}
+
+._profileImageUpgradeIcon_1phdw_45 {
+	position: absolute;
+	bottom: 10px;
+	right: 10px;
+}
+
+._userIconWrapper_1phdw_51 {
+	width: 45px;
+	height: 45px;
+	display: flex;
+	align-items: center;
+	border-radius: var(--lok-radius-rounded);
+	justify-content: center;
+	margin: auto;
+}
+._container_q5pot_1 {
+	max-width: 100%;
+}
+
+._profileEmail_q5pot_5 {
+	color: var(--lok-color-text-light-default);
+	font-size: var(--lok-font-size-tiny);
+	max-width: 100%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+:root {
+	--profile-image-size: 40px;
+}
+
+._wrapper_1in7x_5 {
+	padding: var(--lok-spacing-3) var(--lok-spacing-4);
+	gap: var(--lok-spacing-2);
+	display: flex;
+}
+
+._profileImage_1in7x_11 {
+	width: var(--profile-image-size);
+	height: var(--profile-image-size);
+	border-radius: 100%;
+	background-color: var(--lok-color-background-surface-default);
+	object-fit: contain;
+}
+
+._teamDetails_1in7x_19 {
+	align-items: flex-start;
+	display: flex;
+	flex-direction: column;
+	flex: 1;
+	gap: 1px; /* TODO: use spacing token when available */
+	min-width: 0;
+}
+
+._planWrapper_1in7x_28 {
+	align-items: center;
+	display: flex;
+	flex-wrap: nowrap;
+	gap: var(--lok-spacing-2);
+	width: 100%;
+}
+
+._teamName_1in7x_36 {
+	flex: 1;
+	font: var(--lok-typography-body-base-default);
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+._planLabel_1in7x_45 {
+	background-color: var(--lok-color-background-danger);
+	border-radius: var(--lok-radius-rounded);
+	font: var(--lok-typography-body-tiny-default);
+	padding: 2px var(--lok-spacing-2); /* TODO: use spacing token when available */
+	white-space: nowrap;
+}
+
+._membership_1in7x_53 {
+	color: var(--lok-color-text-light-default);
+	font: var(--lok-typography-body-action-base);
+	text-transform: capitalize;
+}
+
+._defaultProfileImage_1in7x_59 {
+	width: var(--profile-image-size);
+	height: var(--profile-image-size);
+}
+:root {
+	--profile-image-size: 40px;
+}
+
+._teamsContainer_1ncrr_5 {
+	width: 100%;
+	/* Fix for overflowing menu when there is a lot of teams to select from.
+     * This should be changed in the future to something more user friendly.
+     * Fits easily 5 teams (on landscape iPad) - should cover 95%+ of cases. */
+	max-height: 350px;
+	overflow-x: hidden;
+	overflow-y: auto;
+}
+
+._profileImage_1ncrr_15 {
+	width: var(--profile-image-size);
+	height: var(--profile-image-size);
+	border-radius: 100%;
+	background-color: var(--lok-color-background-surface-default);
+	object-fit: contain;
+}
+._container_1u995_1 {
+	max-width: 100%;
+	min-width: 0;
+	padding: var(--lok-spacing-3) var(--lok-spacing-4);
+	background: var(--lok-color-background-surface-middle);
+	border: 0;
+
+	&:hover {
+		._upgrade-icon_1u995_9 {
+			color: var(--lok-color-text-inverse);
+		}
+	}
+}
+
+._planCta_1u995_15 {
+	font: var(--lok-typography-body-small-default);
+}
+
+._upgradeIconWrapper_1u995_19 {
+	color: var(--lok-color-text-danger);
+	font: var(--lok-typography-body-small-strong);
+	height: 16px;
+}
+._navItem_1dudv_1._navItem_1dudv_1 {
+	border: 0;
+	background: none;
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	position: relative;
+	height: 65px;
+	color: var(--lok-color-text-light-default);
+
+	&:hover {
+		color: var(--lok-color-background-action-primary-default);
+		background-color: var(--lok-color-background-surface-fore);
+	}
+}
+
+._activeNavItem_1dudv_18 {
+	color: var(--lok-color-background-action-primary-default);
+	background-color: var(--lok-color-background-surface-fore);
+}
+
+._badge_1dudv_23 {
+	position: absolute;
+	top: calc(50% - 16px);
+	left: calc(50% + 2px);
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+
+	width: 16px;
+	height: 16px;
+	border-radius: var(--lok-radius-rounded);
+	background-color: var(--lok-color-text-danger);
+
+	font-size: var(--lok-font-size-tiny);
+	text-transform: uppercase;
+	color: var(--lok-color-text-inverse);
+}
+._langRowCompleted_vpgdi_1 {
+	background: var(--lok-color-background-info);
+	td {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		text-align: start;
+
+		&:first-child {
+			border-left: 2px solid
+				var(--lok-color-background-action-primary-default);
+		}
+	}
+}
+
+._langCellSecondary_vpgdi_15 {
+	color: var(--lok-color-text-light-default);
+	text-align: left;
+}
+
+._langStatus_vpgdi_20 {
+	color: var(--lok-color-text-light-default);
+
+	&::before {
+		display: inline-block;
+		content: '';
+		width: 6px;
+		height: 6px;
+		border-radius: 50%;
+		margin: var(--lok-spacing-1);
+		background-color: #cbd5e0;
+	}
+
+	&[data-status='completed'] {
+		&::before {
+			background-color: #60e778;
+		}
+	}
+
+	&[data-status='in_progress'] {
+		&::before {
+			background-color: #facc15;
+		}
+	}
+}
+._taskContainer_mt2or_1 {
+	padding: var(--lok-spacing-4);
+	position: relative;
+
+	&:not(:first-child)::before {
+		display: block;
+		content: '';
+		height: 1px;
+		width: calc(100% - 2 * var(--lok-spacing-4));
+		position: absolute;
+		top: 0;
+		left: var(--lok-spacing-4);
+		background: var(--lok-color-background-surface-fore);
+	}
+}
+
+._tagDue_mt2or_17 {
+	background: #dea829;
+}
+
+._taskTitle_mt2or_21 {
+	font: var(--lok-typography-body-small-default);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	margin-block: var(--lok-spacing-4) var(--lok-spacing-2);
+}
+
+._taskDescription_mt2or_28 {
+	color: var(--lok-color-text-light-default);
+	font: var(--lok-typography-body-action-small);
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+._languagesTable_mt2or_35 {
+	table-layout: fixed;
+	margin-top: var(--lok-spacing-3);
+	width: auto;
+	margin-left: calc(var(--lok-spacing-4) * -1);
+	border-collapse: separate;
+
+	tbody td {
+		padding-top: var(--lok-spacing-1);
+		padding-bottom: var(--lok-spacing-1);
+	}
+
+	thead th:first-child,
+	tbody td:first-child {
+		padding-left: var(--lok-spacing-4);
+	}
+
+	thead th,
+	tbody td {
+		padding-left: var(--lok-spacing-2);
+	}
+
+	thead th:last-child,
+	tbody td:last-child {
+		padding-right: var(--lok-spacing-4);
+	}
+
+	thead tr th {
+		color: var(--lok-color-text-light-default);
+		text-align: left;
+		padding-bottom: var(--lok-spacing-1);
+		font: var(--lok-typography-body-tiny-default);
+		text-transform: uppercase;
+
+		&:nth-child(1) {
+			width: 170px;
+		}
+
+		&:nth-child(2) {
+			width: 107px;
+		}
+
+		&:nth-child(3) {
+			width: 75px;
+		}
+
+		&:nth-child(4) {
+			width: 118px;
+		}
+	}
+}
+
+._metadata_mt2or_87 {
+	color: var(--lok-color-text-light-default);
+	margin: var(--lok-spacing-4) 0 0;
+	font: var(--lok-typography-body-tiny-default);
+
+	> span {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		flex-basis: 100%;
+		max-width: max-content;
+
+		&:not(:first-child) {
+			margin-left: var(--lok-spacing-1);
+		}
+
+		&:not(:first-child)::before {
+			content: '•';
+			margin-right: var(--lok-spacing-1);
+		}
+	}
+}
+._loadingContainer_19d6m_1 {
+	height: 100px;
+	width: 487px;
+	left: 69px;
+}
+
+._noTasksContainer_19d6m_7 {
+	text-align: center;
+	padding: var(--lok-spacing-8);
+	width: 360px;
+	left: 65px;
+}
+
+._noTasksHeading_19d6m_14 {
+	font: var(--lok-typography-heading-3);
+}
+
+._noTasksText_19d6m_18 {
+	font: var(--lok-typography-body-action-base);
+	color: var(--lok-color-text-light-default);
+}
+
+._tasksContainer_19d6m_23 {
+	width: 487px;
+	max-height: 70vh;
+	overflow-y: auto;
+	overflow-x: hidden;
+	left: 65px;
+}
+._breadcrumbsItem_1hm6a_1 {
+	color: var(--lok-color-text-light-default);
+
+	text-decoration: none;
+}
+
+._breadcrumbs_1hm6a_1 {
+	font: var(--lok-typography-body-small-default);
+
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+
+	margin-right: var(--lok-spacing-1);
+	max-width: 90%;
+
+	& > * {
+		white-space: nowrap;
+	}
+}
+._badge_1pc1v_1 {
+	position: absolute;
+	top: 5px;
+	right: -13px;
+	background-color: var(--lok-color-background-action-danger-default);
+	font-size: 8px;
+	color: var(--lok-color-text-inverse);
+	border-radius: var(--lok-radius-rounded);
+	width: 12px;
+	height: 12px;
+	line-height: 12px;
+	text-align: center;
+}
+
+._tag_1pc1v_15 {
+	background-color: var(--lok-color-background-active);
+	border: none;
+	color: var(--lok-color-background-action-primary-pressed);
+}
+
+._withLinkStyle_1pc1v_21 {
+	cursor: pointer;
+	font-size: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	color: var(--lok-color-background-action-primary-default);
+	background-color: transparent;
+	padding: 0;
+	border: none;
+}
+
+._withLinkStyle_1pc1v_21:hover,
+._withLinkStyle_1pc1v_21:focus {
+	color: var(--lok-color-background-action-primary-hover);
+}
+
+._withLinkStyle_1pc1v_21:active,
+._withLinkStyle_1pc1v_21:active:hover {
+	color: var(--lok-color-background-action-primary-pressed);
+}
+
+._withNavLinkStyle_1pc1v_42 {
+	color: inherit;
+	display: block;
+	position: relative;
+	padding-top: var(--lok-spacing-2);
+	padding-bottom: 14px;
+	background-color: transparent;
+	text-decoration: none;
+}
+
+._withNavLinkStyle_1pc1v_42[disabled] {
+	pointer-events: none;
+}
+
+._withNavLinkStyle_1pc1v_42._disabled_1pc1v_57 {
+	color: var(--lok-color-text-disabled);
+}
+
+._projectNavigationItem_1pc1v_61 {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+._projectNavigationItemDisabled_1pc1v_67 {
+	opacity: 0.6;
+	pointer-events: none;
+}