@import "../../spindle-ui/DropdownMenu.css";
@import "../../spindle-ui/SnackBar.css";

:root {
	/* フォローボタンに負けてしまうので上書き */
	--DropdownMenu-z-index: 100;
}

.report {
	margin-left: 16px;
}

.report__trigger {
	color: var(--color-object-high-emphasis-inverse);
}

/* ftlにsvgがベタ書きされているので、タグ指定してスタイルを当てるしかない */
.report__trigger svg {
	width: 40px;
	height: 40px;
}
/* スクロール時用 */
.user-header__container--fixed .report__trigger svg {
	width: 32px;
	height: 32px;
}

.report__menu.is-closed {
	display: none;
}

.report__menuButton.is-hidden {
	display: none;
}

.report__menuLink {
	text-decoration: none;
	box-sizing: border-box;
}

.report__snackBarText,
.report__snackBarLink {
	font-size: 14px;
}

/* ftlにsvgがベタ書きされているので、タグ指定してスタイルを当てるしかない */
.report__snackBarClose svg {
	width: 16px;
	height: 16px;
}
.report__snackBarLinkIcon svg {
	width: 14px;
	height: 14px;
}