.HiddenPanel
{
 display: none; 
}
> .SingleSelectionPanel > .DetailTabList
{

		width: 44px;
		border-right: 1px solid rgba(255, 255, 255, 0.06);
		border-color: rgba(255, 255, 255, 0.06);
		background-color: #070a08;
	
}
> .SingleSelectionPanel > .DetailTabList:after
{
 background-color: transparent; 
}
> .SingleSelectionPanel > .DetailTabList > div
{

			min-height: 40px;
			padding: 8px 6px;
			justify-content: center;
			border-left-width: 2px;
			border-color: transparent;
			opacity: 1;
		
}
> .SingleSelectionPanel > .DetailTabList > div img
{
 width: 18px; height: 18px; opacity: 0.55; 
}
> .SingleSelectionPanel > .DetailTabList > div.Selected,
> .SingleSelectionPanel > .DetailTabList > div.Selected:hover
{

				border-color: #5CB88A;
				background-color: rgba(92, 184, 138, 0.1);
			
}
> .SingleSelectionPanel > .DetailTabList > div.Selected img,
> .SingleSelectionPanel > .DetailTabList > div.Selected:hover img
{
 opacity: 1; 
}
> .SingleSelectionPanel > .DetailTabList > div.TouchActive
{
 background-color: rgba(255, 255, 255, 0.04); 
}
> .SingleSelectionPanel > .DetailTabList > div.Unacknowledged:before
{
 top: 4px; right: 4px; 
}
.DetailTabContent
{

		min-width: 0;
		min-height: 0;
		background-color: #050806;
		scrollbar-color: rgba(92, 184, 138, 0.22) #050806;
		scrollbar-width: thin;
	
}
.DetailTabContent > .Start,
.DetailTabContent > .General
{
 padding: 12px 12px 20px; 
}
.DetailTabContent > .Start > *
{
 margin: 0 0 14px; 
}
.DetailTabContent .Start
{

		
}
.DetailTabContent .Start .EditSessionPanel
{

				margin-bottom: 12px;
				padding: 10px 10px 4px;
				border: 1px solid rgba(255, 255, 255, 0.06);
				border-radius: 4px;
				background-color: #0a0f0c;
			
}
.DetailTabContent .Start .EditSessionPanel dt
{

					font-size: 10px;
					font-weight: 600;
					letter-spacing: 0.06em;
					text-transform: uppercase;
					color: #8A958F;
					opacity: 1;
					margin-bottom: 4px;
					white-space: normal;
					overflow-wrap: anywhere;
				
}
.DetailTabContent .Start .EditSessionPanel dd
{
 margin-bottom: 10px; 
}
.DetailTabContent .Start .EditSessionPanel input
{

					min-height: 32px;
					padding: 6px 28px 6px 8px;
					font-size: 13px;
					border-radius: 3px;
					border: 1px solid rgba(255, 255, 255, 0.1);
				
}
.DetailTabContent .Start .EditSessionPanel input:not(:disabled)
{
 background-color: #050806; color: #E2E8E4; 
}
.DetailTabContent .Start .EditSessionPanel input:focus
{
 outline: 1px solid rgba(92, 184, 138, 0.55); outline-offset: -1px; 
}
.DetailTabContent .Start .InvitationTabList
{

				justify-content: flex-start;
				flex-wrap: wrap;
				font-size: 12px;
				border-color: rgba(92, 184, 138, 0.14);
			
}
.DetailTabContent .Start .InvitationTabList > span
{
 color: #8A958F; font-style: normal; 
}
.DetailTabContent .Start .InvitationTabList a
{
 min-height: 36px; padding: 9px 8px; 
}
.DetailTabContent .Start .InvitationTabList a.Selected
{
 color: #5CB88A; border-color: #5CB88A; padding: 9px 8px 6px; 
}
.DetailTabContent .Start .InvitationTabContent
{

				padding: 16px 12px;
				min-height: 0;
				border-color: rgba(92, 184, 138, 0.14);
				background-color: #000000;
			
}
.DetailTabContent .Start .InvitationTabContent input
{
 min-width: 0; 
}
.DetailTabContent .Start .InvitationTabContent .CodeTab h3
{
 font-size: 14px; font-weight: 500; 
}
.DetailTabContent .Start .JoinButtonPanel input
{

				width: 100%;
				min-height: 40px;
				font-size: 14px;
				font-weight: 500;
			
}
.DetailTabContent .Start .JoinButtonPanel input:not(:disabled):not(.Disabled)
{

					background-color: #5CB88A;
					color: #0a120e;
					border-color: #5CB88A;
				
}
.DetailTabContent .Start .JoinInfoPanel
{

				padding: 10px;
				border: 1px solid rgba(255, 255, 255, 0.06);
				border-radius: 4px;
				background-color: #0a0f0c;
			
}
.DetailTabContent .Start .JoinInfoPanel h3
{
 font-size: 12px; font-weight: 600; letter-spacing: 0.03em; padding-bottom: 4px; color: #E2E8E4; 
}
.DetailTabContent .Start .JoinInfoPanel p
{
 color: #8A958F; opacity: 1; font-style: normal; font-size: 12px; line-height: 1.45; 
}
.DetailTabContent .General
{

			container-type: inline-size;
		
}
.DetailTabContent .General > .CollapsiblePanel > .Content
{
 transition: none; 
}
.DetailTabContent .General > .CollapsiblePanel.Expanded > .Content
{
 max-height: none !important; 
}
.DetailTabContent .General > .CollapsiblePanel
{
 margin-bottom: 20px; 
}
.DetailTabContent .General > .CollapsiblePanel > .Header
{

				min-height: 40px;
				padding: 6px 0;
				margin-bottom: 10px;
				border-color: rgba(92, 184, 138, 0.14);
			
}
.DetailTabContent .General > .CollapsiblePanel > .Header h3
{
 font-size: 14px; font-weight: 500; color: #E2E8E4; 
}
.DetailTabContent .General > .CollapsiblePanel > .Content > dl:not(.HiddenPanel)
{

				display: grid;
				grid-template-columns: minmax(0, 40%) minmax(0, 1fr);
				gap: 8px 12px;
				padding: 0;
			
}
.DetailTabContent .General > .CollapsiblePanel > .Content > dl:not(.HiddenPanel):after
{
 content: none; 
}
.DetailTabContent .General > .CollapsiblePanel > .Content > dl:not(.HiddenPanel) dt,
.DetailTabContent .General > .CollapsiblePanel > .Content > dl:not(.HiddenPanel) dd
{

					float: none;
					width: auto;
					min-width: 0;
					padding: 0;
					margin: 0;
					font-size: 12px;
					line-height: 1.5;
					overflow-wrap: anywhere;
				
}
.DetailTabContent .General > .CollapsiblePanel > .Content > dl:not(.HiddenPanel) dt
{
 color: #8A958F; opacity: 1; 
}
.DetailTabContent .General > .CollapsiblePanel > .Content > dl:not(.HiddenPanel) dd
{
 color: #E2E8E4; font-size: 13px; 
}
.DetailTabContent .Start .ScreenshotPanel,
.DetailTabContent .General .ScreenshotPanel
{

			margin: 0;
		
}
.DetailTabContent .Start .ScreenshotPanel > div,
.DetailTabContent .General .ScreenshotPanel > div
{
 background-color: #000000; border-radius: 4px; 
}
.DetailTabContent .Start .ScreenshotPanel img,
.DetailTabContent .General .ScreenshotPanel img
{

				max-height: 240px;
				max-width: 100%;
				object-fit: contain;
				border-color: rgba(92, 184, 138, 0.14);
			
}
.DetailTabContent .Start .ScreenshotPanel > p:not(.HiddenPanel),
.DetailTabContent .General .ScreenshotPanel > p:not(.HiddenPanel)
{

				display: flex;
				align-items: center;
				justify-content: space-between;
				flex-wrap: wrap;
				gap: 4px 8px;
				margin: 8px 0 0;
				color: #8A958F;
				font-size: 12px;
				font-variant-numeric: tabular-nums;
			
}
.DetailTabContent .Start .ScreenshotPanel > p:not(.HiddenPanel) a,
.DetailTabContent .General .ScreenshotPanel > p:not(.HiddenPanel) a
{
 margin-left: 0; padding: 8px 0; 
}
.DetailTabContent > .Messages,
.DetailTabContent > .Commands,
.DetailTabContent > .Notes,
.DetailTabContent > .AccessManagement
{

		
}
.DetailTabContent > .Messages .EntryHistoryPanel,
.DetailTabContent > .Commands .EntryHistoryPanel,
.DetailTabContent > .Notes .EntryHistoryPanel,
.DetailTabContent > .AccessManagement .EntryHistoryPanel
{

			
}
.DetailTabContent > .Messages .EntryHistoryPanel .HistoryPanel,
.DetailTabContent > .Commands .EntryHistoryPanel .HistoryPanel,
.DetailTabContent > .Notes .EntryHistoryPanel .HistoryPanel,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .HistoryPanel
{
 padding: 16px; scrollbar-width: thin; scrollbar-color: rgba(92, 184, 138, 0.22) #000000; 
}
.DetailTabContent > .Messages .EntryHistoryPanel.HasEntryBox .HistoryPanel,
.DetailTabContent > .Commands .EntryHistoryPanel.HasEntryBox .HistoryPanel,
.DetailTabContent > .Notes .EntryHistoryPanel.HasEntryBox .HistoryPanel,
.DetailTabContent > .AccessManagement .EntryHistoryPanel.HasEntryBox .HistoryPanel
{
 bottom: 96px; 
}
.DetailTabContent > .Messages .EntryHistoryPanel:not(.HasEntryBox) .HistoryPanel,
.DetailTabContent > .Commands .EntryHistoryPanel:not(.HasEntryBox) .HistoryPanel,
.DetailTabContent > .Notes .EntryHistoryPanel:not(.HasEntryBox) .HistoryPanel,
.DetailTabContent > .AccessManagement .EntryHistoryPanel:not(.HasEntryBox) .HistoryPanel
{
 bottom: 0; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .EntryPanel,
.DetailTabContent > .Commands .EntryHistoryPanel .EntryPanel,
.DetailTabContent > .Notes .EntryHistoryPanel .EntryPanel,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .EntryPanel
{

					left: 12px; right: 12px; bottom: 12px;
					height: 72px;
					padding: 0;
					align-items: center;
					gap: 6px;
					background-color: #000000;
					border: 1px solid rgba(92, 184, 138, 0.14);
					border-radius: 6px;
					outline: none;
					box-shadow: none;
					transition: none;
				
}
.DetailTabContent > .Messages .EntryHistoryPanel .EntryPanel:before,
.DetailTabContent > .Commands .EntryHistoryPanel .EntryPanel:before,
.DetailTabContent > .Notes .EntryHistoryPanel .EntryPanel:before,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .EntryPanel:before
{
 content: none; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .EntryPanel:hover,
.DetailTabContent > .Commands .EntryHistoryPanel .EntryPanel:hover,
.DetailTabContent > .Notes .EntryHistoryPanel .EntryPanel:hover,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .EntryPanel:hover
{
 outline: 1px solid rgba(92, 184, 138, 0.22); 
}
.DetailTabContent > .Messages .EntryHistoryPanel .EntryPanel:focus-within,
.DetailTabContent > .Commands .EntryHistoryPanel .EntryPanel:focus-within,
.DetailTabContent > .Notes .EntryHistoryPanel .EntryPanel:focus-within,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .EntryPanel:focus-within
{
 outline: 2px solid #5CB88A; outline-offset: -2px; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .EntryPanel > div,
.DetailTabContent > .Commands .EntryHistoryPanel .EntryPanel > div,
.DetailTabContent > .Notes .EntryHistoryPanel .EntryPanel > div,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .EntryPanel > div
{
 min-width: 0; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .EntryPanel textarea,
.DetailTabContent > .Commands .EntryHistoryPanel .EntryPanel textarea,
.DetailTabContent > .Notes .EntryHistoryPanel .EntryPanel textarea,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .EntryPanel textarea
{

						padding: 10px 12px; border-radius: 6px; line-height: 1.5;
					
}
.DetailTabContent > .Messages .EntryHistoryPanel .EntryPanel textarea:not(:disabled),
.DetailTabContent > .Commands .EntryHistoryPanel .EntryPanel textarea:not(:disabled),
.DetailTabContent > .Notes .EntryHistoryPanel .EntryPanel textarea:not(:disabled),
.DetailTabContent > .AccessManagement .EntryHistoryPanel .EntryPanel textarea:not(:disabled)
{
 background-color: #000000; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .EntryPanel textarea:disabled,
.DetailTabContent > .Commands .EntryHistoryPanel .EntryPanel textarea:disabled,
.DetailTabContent > .Notes .EntryHistoryPanel .EntryPanel textarea:disabled,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .EntryPanel textarea:disabled
{
 background-color: #050806; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .EntryPanel input[type=button],
.DetailTabContent > .Commands .EntryHistoryPanel .EntryPanel input[type=button],
.DetailTabContent > .Notes .EntryHistoryPanel .EntryPanel input[type=button],
.DetailTabContent > .AccessManagement .EntryHistoryPanel .EntryPanel input[type=button]
{
 margin: 8px; min-width: 0; min-height: 36px; border-radius: 4px; max-width: 45%; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .HistoryPanel .EmptyPanel,
.DetailTabContent > .Commands .EntryHistoryPanel .HistoryPanel .EmptyPanel,
.DetailTabContent > .Notes .EntryHistoryPanel .HistoryPanel .EmptyPanel,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .HistoryPanel .EmptyPanel
{

				
}
.DetailTabContent > .Messages .EntryHistoryPanel .HistoryPanel .EmptyPanel img,
.DetailTabContent > .Commands .EntryHistoryPanel .HistoryPanel .EmptyPanel img,
.DetailTabContent > .Notes .EntryHistoryPanel .HistoryPanel .EmptyPanel img,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .HistoryPanel .EmptyPanel img
{
 width: 56px; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .HistoryPanel .EmptyPanel h4,
.DetailTabContent > .Commands .EntryHistoryPanel .HistoryPanel .EmptyPanel h4,
.DetailTabContent > .Notes .EntryHistoryPanel .HistoryPanel .EmptyPanel h4,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .HistoryPanel .EmptyPanel h4
{
 font-size: 16px; font-weight: 500; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .HistoryPanel .EmptyPanel p,
.DetailTabContent > .Commands .EntryHistoryPanel .HistoryPanel .EmptyPanel p,
.DetailTabContent > .Notes .EntryHistoryPanel .HistoryPanel .EmptyPanel p,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .HistoryPanel .EmptyPanel p
{
 color: #8A958F; opacity: 1; font-size: 12px; 
}
.DetailTabContent > .Messages .EntryHistoryPanel .HistoryPanel .ListPanel > div .Header .Time,
.DetailTabContent > .Commands .EntryHistoryPanel .HistoryPanel .ListPanel > div .Header .Time,
.DetailTabContent > .Notes .EntryHistoryPanel .HistoryPanel .ListPanel > div .Header .Time,
.DetailTabContent > .AccessManagement .EntryHistoryPanel .HistoryPanel .ListPanel > div .Header .Time
{

					color: #8A958F;
					opacity: 1;
					font-size: 12px;
					font-variant-numeric: tabular-nums;
				
}
.DetailTabContent .Messages .EntryHistoryPanel .HistoryPanel .ListPanel > div
{

			margin-bottom: 14px;
		
}
.DetailTabContent .Messages .EntryHistoryPanel .HistoryPanel .ListPanel > div .Body .Content .Data
{
 border-radius: 6px; 
}
.DetailTabContent .Messages .EntryHistoryPanel .HistoryPanel .ListPanel > div.Host .Body .Content .Data
{
 background-color: #0f1812; color: #E2E8E4; 
}
.DetailTabContent .Messages .EntryHistoryPanel .HistoryPanel .ListPanel > div.Guest .Body .Content .Data
{
 background-color: #0f1812; color: #E2E8E4; 
}
.DetailTabContent .Messages .EntryHistoryPanel .HistoryPanel .ListPanel > div.Guest .Body .Content .Data a:not(.Disabled):link,
.DetailTabContent .Messages .EntryHistoryPanel .HistoryPanel .ListPanel > div.Guest .Body .Content .Data a:not(.Disabled):visited
{
 color: #5CB88A; 
}
.DetailTabContent .Commands .EntryHistoryPanel
{

		
}
.DetailTabContent .Commands .EntryHistoryPanel .HistoryPanel .ListPanel > div:is(.QueuedCommand,
.DetailTabContent .Commands .EntryHistoryPanel .RanCommand) .Body .Data
{
 font-size: 13px; font-family: monospace; 
}
.DetailTabContent .Commands .EntryHistoryPanel .EntryPanel textarea
{
 padding-left: 24px; background-position: 8px 14px; 
}
.DetailTabContent .Commands .EntryHistoryPanel:not(.Empty) .HistoryPanel
{

				margin: 12px 12px 0;
				padding: 0;
				border: 1px solid rgba(92, 184, 138, 0.14);
				border-radius: 4px;
				background-color: #000000;
			
}
.DetailTabContent .Notes .EntryHistoryPanel .HistoryPanel .ListPanel > div
{

			border-radius: 4px;
			border: 1px solid rgba(92, 184, 138, 0.14);
			background-color: #000000;
			box-shadow: none;
			transition: none;
		
}
.DetailTabContent .Notes .EntryHistoryPanel .HistoryPanel .ListPanel > div:hover
{
 box-shadow: none; 
}
.DetailTabContent .Notes .EntryHistoryPanel .HistoryPanel .ListPanel > div:before
{
 content: none; 
}
.DetailTabContent .Notes .EntryHistoryPanel .HistoryPanel .ListPanel > div.AddedNote .Header
{
 margin-right: 0; 
}
.DetailTabContent .Notes .EntryHistoryPanel .HistoryPanel .ListPanel > div.AddedNote .Header .Who
{
 margin-left: 0; 
}
.DetailTabContent .Timeline .TimeDivision text
{
 fill: #8A958F; font-size: 12px; font-variant-numeric: tabular-nums; 
}
> .MultiSelectionPanel
{

		padding: 32px 16px;
	
}
> .MultiSelectionPanel > img
{
 width: 56px; height: 56px; margin-bottom: 20px; 
}
> .MultiSelectionPanel > div
{
 max-width: 100%; 
}
> .MultiSelectionPanel > div a
{
 width: 100%; min-width: 160px; max-width: 260px; min-height: 40px; font-size: 13px; border-color: rgba(92, 184, 138, 0.14); background-color: #000000; 
}
.HostPage.TouchDisabled .OuterPanel .MainPanel > div.SubDetailPanel > .SingleSelectionPanel > .DetailTabList > div:not(.Selected):hover
{

	background-color: #0f1812;
	border-color: rgba(92, 184, 138, 0.22);

}
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabList:focus-visible
{

	outline: 2px solid #5CB88A;
	outline-offset: -2px;

}
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent :is(a,
button,
input[type=button]):focus-visible
{

	outline: 2px solid #5CB88A;
	outline-offset: 2px;

}
@media (pointer: coarse)
{
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent
{

	
}
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent .Start .EditSessionPanel input
{
 min-height: 44px; font-size: 16px; 
}
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent .Start .InvitationTabContent input
{
 font-size: 16px; 
}
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent .Start .InvitationTabList a,
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent .Start .JoinButtonPanel input,
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent .EntryHistoryPanel .EntryPanel input[type=button]
{
 min-height: 44px; 
}
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent .EntryHistoryPanel .EntryPanel textarea
{
 font-size: 16px; 
}
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent .General > .CollapsiblePanel > .Header
{
 min-height: 44px; 
}
}
@container (max-width: 260px)
{


.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent .General > .CollapsiblePanel > .Content > dl:not(.HiddenPanel)
{

		grid-template-columns: minmax(0, 1fr);
		gap: 4px;
	
}
.HostPage .OuterPanel .MainPanel > div.SubDetailPanel .DetailTabContent .General > .CollapsiblePanel > .Content > dl:not(.HiddenPanel) dt:not(:first-child)
{
 margin-top: 8px; 
}
}