@import url('./fonts.css');

:root
{
    --bs-body-font-family: 'Noto Sans' !important;
}

summary
{
    font-size: 1.75em;
    font-weight: 600;
}

details[open] summary
{
    border-color: rgba(222, 226, 230, 0.25);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}

video
{
    transition: 0.5s filter linear;
    filter: none;
    
    cursor: pointer;
    width: 100%;
    height: auto;
}

.blur
{
    transition: 0.5s filter linear;
    filter: blur(3px);
}

.titleTextHint
{
	text-decoration: underline dotted;
	cursor: help;
}

.comboBox
{
	ul.comboBoxList
	{
		max-height: 80vh;
		overflow-y: auto;
	}
	.dropdown-toggle
	{
		width: 100%;
		&[aria-expanded='true']
		{
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}
	}
	.dropdown-menu
	{
		padding-top: 0;
		padding-bottom: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		div.input-group:first-child > :is(input, .input-group-text)
		{
			border-radius: 0;
		}
	}
}

.sort-down::after
{
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}
.sort-up::after
{
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: 0;
	border-right: .3em solid transparent;
	border-bottom: .3em solid;
	border-left: .3em solid transparent;
}
.cursor-pointer
{
	cursor: pointer;
}