Шаблон:CollapsibleMenu/styles.css

/* Основные стили для меню */
.сollapsible-menu {
	position: absolute !important;
	top: 2px;
	right: 0;
	
	display: grid;
	align-content: center;
	
	z-index: 100;
}

/* Контейнер выпадающего меню */
.сollapsible-menu__content {
	position: absolute !important;
	top: 18px;
	right: 0;
	
	display: grid;
	gap: 4px;
	
	width: 20vw;
	min-width: 200px;
	max-width: 260px;
	max-height: 300px;
	
	padding: 6px;
	border-radius: 0;
	border: 2px solid var(--theme-bg-color-300);
	border-top: 2px solid var(--theme-border-color-100);

	background-color: var(--theme-bg-color-200);
	box-shadow: var(--box-shadow-inset);
	
	overflow: auto;
	overflow-x: hidden;
}

/* Тоггл кнопка */
.сollapsible-menu .mw-collapsible-toggle {
	position: relative;
	top: 0;
	right: 0;
	
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: var(--color);
	
	transition: all 0.05s;
}

.сollapsible-menu .mw-collapsible-toggle:hover {
	filter: brightness(120%);
}

.сollapsible-menu .mw-collapsible-toggle-expanded {
	filter: brightness(120%);
}

.сollapsible-menu .mw-collapsible-toggle-default:before {
	content: '▽';
}

.сollapsible-menu .mw-collapsible-toggle-default:after {
	content: none !important;
}

.сollapsible-menu .mw-collapsible-text {
	display: none;
}

/* Адаптивность */
@media (max-width: 800px) {
	.сollapsible-menu .mw-collapsible-toggle {
		font-size: 13px;
	}
}