.dropdown{
	background-color: white;
	border:1px solid var(--green_4);
	border-radius: var(--s_gap);
	box-shadow: var(--shadow);
	position:fixed;
	width: 260px;
	top: calc(5px + var(--header_height))}
.dropdown.left{
	left: var(--m_gap)}
.dropdown.right{
	right: var(--m_gap)}
.dropdown.off{
	display: none}
	.dropdown > :first-child{
		border-radius:  var(--s_gap) var(--s_gap) 0 0}
	.dropdown > :last-child{
		border-radius:  0 0 var(--s_gap) var(--s_gap)}
	.dropdown > :first-child:last-child{
		border-radius: var(--s_gap)}
	.dropdown .a{
		padding: var(--m_gap);
		border-bottom:1px solid var(--gray_3)}
	.dropdown .a:hover,
	.dropdown .a:active{
		background-color: var(--gray_4)}
	.dropdown .b{
		font-size: var(--s_font);
		padding: var(--l_gap);
		text-align: center}
	.dropdown .c{
		align-items: center;
		display: grid;
		grid-gap: var(--s_gap);
		grid-template-columns: min-content 1fr min-content;
		padding: var(--m_gap)}
	.dropdown .c:hover,
	.dropdown .c:active{
		background-color: var(--gray_4)}
	.dropdown .c.red{
		color: var(--red_2)}
	.dropdown .c.red:hover,
	.dropdown .c.red:active{
		background-color: var(--red_4)}
		.dropdown .c svg{
			fill: var(--gray_2);
			height: var(--m_font)}
		.dropdown .c.red svg{
			fill: var(--red_2)}