.anime
	max-width 1100px
	margin 0 auto

.anime-header
	vertical

.anime-title
	text-align center
	margin-bottom 0.5rem

> 800px
	.anime-header
		horizontal
	
	.anime-title
		text-align left

.anime-section-name
	font-weight bold

.anime-image-container
	vertical
	justify-content flex-start
	align-items center

.anime-start-date
	font-size 0.7rem
	line-height 1.7em
	opacity 0.65
	margin-top 0.5rem

.anime-cover-image
	// width 142px
	width 225px
	height auto
	border-radius 3px
	
	default-transition
	object-fit cover

	saturate-up
	shadow-up

.anime-summary
	// ...

.anime-info
	vertical
	flex 1

.space
	width content-padding
	height content-padding

.anime-alternative-title
	font-size 0.9em
	margin-top 0
	margin-bottom 0.5rem
	text-align left
	font-weight normal
	line-height content-line-height
	
	.japanese
		color rgba(255, 255, 255, 0.5) !important

.anime-actions
	display none !important

// .anime-actions
// 	horizontal
// 	justify-content center

// 	// Action button margin
// 	margin calc(content-padding - 0.5rem) -0.5rem

// 	// Setting z-index requires setting a background as well
// 	z-index 10

// > 1450px
// 	.anime-actions
// 		position absolute
// 		top 0
// 		right content-padding

.anime-rating-categories
	horizontal
	width 100%

.anime-rating-category
	ui-element
	flex 1
	text-align center
	margin 0.5rem

.anime-rating-category-name
	font-size 1.3rem
	margin-top 0.5rem

.anime-rating
	margin 0.5rem
	letter-spacing 3px
	font-size 1.3rem
	color link-color

.anime-widget
	margin-top 0.6rem
	margin-bottom 0.4rem

< 800px
	.anime-rating-categories
		vertical

.anime-friends
	.user-avatars
		justify-content flex-start

.footer
	font-size 0.8rem
	opacity 0.7
	margin-top 0.5rem

	&.mountable
		opacity 0 !important

	&.mounted
		opacity 0.7 !important

.relations
	horizontal-wrap

.relation
	vertical
	align-items center
	padding 0.5rem

.relation-type
	font-size 0.7rem
	margin-top 0.1rem

.relation-image
	width 100px
	height 141px
	border-radius 3px
	object-fit cover
	default-transition
	shadow-up