/*
Admin controls (user page, show page)
*/

/* Admin */
.admin_large_blue_button, .admin_small_blue_button, .admin_small_green_button{
	display: inline-block;
	border: none;
	border-radius: 0.5rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #ffffff;
	cursor: pointer;
}
.admin_large_blue_button:active, .admin_small_blue_button:active, .admin_small_green_button:active{
	transform: translateY(1px);
}
.admin_large_blue_button, .admin_small_blue_button{
	background-color: #00afff;
}
.admin_small_green_button{
	background-color: #00cf7f;
}
.admin_large_blue_button:active, .admin_small_blue_button:active{
	background-color: #00bcff;
}
.admin_small_green_button:active{
	background-color: #00d88f;
}
.admin_large_blue_button{
	padding: 0.4rem 1.4rem 0.6rem 1.4rem;
	font-size: 1.4rem;
	line-height: 2.2rem;
}
.admin_small_blue_button, .admin_small_green_button{
	padding: 0.4rem 1.2rem 0.5rem 1.2rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.admin_delete_repost_button_alt{
	margin-top: 1.4rem;
	margin-bottom: 1.4rem;
}
.admin_delete_repost_button, .admin_delete_comment_button{
	margin-top: 1.2rem;
}
#top_alt_admin_buttons{
	position: relative;
	margin-top: 1.4rem;
	margin-bottom: 0.5rem;
}

/* Reporting */
#report_cover, #show_report_cover, .report_popup{
	position: fixed;
	display: none;
}
#report_cover, #show_report_cover{
	z-index: 310;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #101010;
	opacity: 0.65;
}
.report_popup{
	z-index: 320;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	left: 50%;
	top: 50%;
	width: 27rem;
	font-size: 1.3rem;
	line-height: 1.7rem;
	border-radius: 0.7rem;
	background-color: #f8f8f8;
	transform: translate(-50%, -50%);
}
.report_popup_close_button{
	width: 3rem;
	height: 3rem;
	cursor: pointer;
}
.report_popup_title{
	margin-top: 2.2rem;
	margin-bottom: 3.5rem;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 2rem;
}
textarea.report_popup_textarea{
	border: 1px solid #b8b8b8;
	height: 18.4rem;
}
/*
Box list (index page, user page, etc.)
*/

/* General */
@media (max-width: 599px){
	#box_list{
		padding-top: 4rem;
		padding-bottom: 8rem;
	}
}
@media (min-width: 600px){
	#box_list{
		padding-top: 5rem;
		padding-bottom: 10rem;
	}
}
#box_grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, 26rem);
	grid-gap: 2.4rem;
	justify-content: center;
}

/* Collection dots */
.box_item_collection_dots{
	margin-bottom: 0.1rem;
}
.box_item_collection_dot{
	display: inline-block;
	width: 1.6rem;
	height: 0.8rem;
	margin-right: 0.3rem;
	border-radius: 0.8rem;
}
.box_item_collections_ellipsis{
	display: inline-block;
	vertical-align: top;
	margin-top: 0.2rem;
	margin-left: -0.1rem;
	font-size: 1rem;
	line-height: 1rem;
}

/* Box item */
.box_item{
	padding-bottom: 2rem;
}
.box_item_content{
	position: relative;
	overflow: hidden;
}
.box_item_nested{
	position: absolute;
	top: 0;
	left: 0;
	width: 23rem;
	height: 23rem;
	padding-top: 0.3rem;
	padding-left: 1.9rem;
}
.box_item_text, .box_item_nested_text{
	position: absolute;
	color: #ffffff;
   	overflow: hidden;
}
.box_item_text{
	top: 0.7rem;
	left: 1.2rem;
	width: 23.8rem;
	height: 25.2rem;
	font-size: 1.8rem;
	line-height: 2.4rem;
}
.box_item_nested_text{
	top: 2.7rem;
	left: 3rem;
	width: 21.1rem;
	height: 22.3rem;
	font-size: 1.6rem;
	line-height: 2.1rem;
}
.box_item_nested_image{
	border-radius: 0.8rem;
}

/* Comments & reposts */
.box_item_reactions, .box_item_nested_reactions{
	position: absolute;
	padding: 0 0.3rem 0 0.3rem;
	height: 2.2rem;
	border-radius: 0.6rem;
	border: 1px solid #404040;
	background-color: rgba(64, 64, 64, 0.85);
	color: #ffffff;
}
.box_item_reactions{
	top: 0.7rem;
	right: 0.7rem;
}
.box_item_nested_reactions{
	top: 2.6rem;
	right: 0.7rem;
}
.box_item_reaction_icon{
	padding: 0.5rem 0.1rem 0 0.1rem;
	width: 1.5rem;
}

/* Audio */
.box_item_audio_icon, .box_item_nested_audio_icon{
	position: absolute;
	width: 2.2rem;
	height: 2.2rem;
	border-radius: 0.6rem;
	background-image: url(/assets/speaker-12b73ac7922c3511bffbc18c9007d7a0d11b3693a4731386e74bc61b72d005b5.svg);
	background-repeat: no-repeat;
	background-size: 2.2rem auto;
	border: 1px solid #404040;
	background-color: rgba(64, 64, 64, 0.85);
	color: #ffffff;
}
.box_item_audio_icon{
	top: 22.9rem;
	left: 0.7rem;
}
.box_item_nested_audio_icon{
	top: 21.8rem;
	left: 2.6rem;
}

/* Country */
.box_item_country, .box_item_nested_country{
	position: absolute;
	padding: 0.1rem 0.8rem 0.2rem 0.8rem;
	height: 1.9rem;
	max-width: 10.5rem;
	border: 1px solid #d8d8d8;
	border-radius: 1.2rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	line-height: 1.9rem;
	background-color: rgba(224, 224, 224, 0.85);
	color: #404040;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box_item_country, .box_item_nested_country{
	right: 0.7rem;
}
.box_item_country{
	top: 22.9rem;
}
.box_item_nested_country{
	top: 21.8rem;
}

/* Overlay */
.box_item_overlay, .box_item_overlay_opaque{
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 26rem;
	height: 26rem;
	font-size: 1.4rem;
	line-height: 2.2rem;
	align-items: center;
	justify-content: center;
}
.box_item_overlay{
	transition: 0.3s ease;
	opacity: 0;
}
.box_item_overlay:hover{
	opacity: 1;
}
.box_item_overlay_collections{
	padding-top: 0.6rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
}
.box_item_overlay_collection{
	display: inline-block;
	padding: 0 1.4rem 0.2rem 1.4rem;
	max-width: 17.8rem;
	height: 2.6rem;
	border: 1px solid #ffffff;
	border-radius: 1.5rem;
	font-size: 1.4rem;
	line-height: 2.6rem;
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box_item_overlay_ellipsis{
	margin-top: 0.2rem;
	margin-left: 3.4rem;
	width: 0.4rem;
}

/* Title and author */
.box_item_title, .box_item_author{
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box_item_title{
	margin-top: 0.6rem;
	margin-bottom: 0.2rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.8rem;
	line-height: 2.7rem;
}
.box_item_author{
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.box_item_repost_icon{
	vertical-align: top;
	margin-top: 0.3rem;
	margin-right: 0.6rem;
	height: 1.4rem;
}

/* "Load more" button */
#box_more_button_wrapper{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	text-align: center;
}
#box_more_button{
	display: inline-block;
	margin: 4rem auto 2rem auto;
	padding: 0.9rem 0.9rem 1.1rem 0.9rem;
	width: 16rem;
	border-radius: 2.2rem;
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: #ffffff;
	background-color: #808080;
	cursor: pointer;
}

/* Collection count & edit collection button (collection page) */
.box_item_count, .box_item_edit_link{
	display: inline-block;
	margin-top: 0.1rem;
	padding-bottom: 0.6rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.3rem;
	line-height: 1.7rem;
}
.box_item_edit_link{
	text-decoration: underline;
}
/*
Control panel
*/

/* General */
#control1, #control4{
	z-index: 1;
}
#control2, #control4{
	z-index: 15;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.control{
	position: relative;
	background-color: #e0e0e0;
	font-family: "Noto2", Helvetica, Arial, sans-serif;	
	overflow: hidden;
}
.control_panel_open{
	display: none;
}
.control_handle_open, .control_handle_closed{
	padding-top: 0.8rem;
	padding-bottom: 1rem;
	font-size: 1.4rem;
	line-height: 2rem;
	background-image: linear-gradient(to bottom, #e0e0e0, #d8d8d8);
	cursor: pointer;
}
.control_icon, .control_triangle{
	display: inline-block;
	vertical-align: top;
	margin-top: 0.4rem;
}
.control_icon{
	margin-right: 0.6rem;
	width: 1.4rem;
	height: 1.4rem;
	background-image: url(/assets/icon_control-30e16577b120774e7beae84a69c2c5d0f589f7e818d15b2b1542239f2b97aa39.svg);
	background-size: 1.4rem 1.4rem;
}
.control_triangle{
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(/assets/triangle-aa26b4f512d2de3b78ee39e29a629a491d29520dfc4b30ca1a9621d67d94c19f.svg);
	background-size: 1.5rem 3rem;
}
.control_triangle_down{
	background-position: 0 0;
}
.control_triangle_up{
	background-position: 0 1.5rem;
}
.control_blocks{
	padding: 0.7rem 0.7rem 0.7rem 1.2rem;
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.control_block{
	display: inline-block;
	vertical-align: top;
	margin: 0.5rem 0.5rem 0.5rem 0;
	padding: 1.3rem 1.4rem 0.8rem 1.4rem;
	/* min-height: 5.95rem; */
	border: 1px solid #b0b0b0;
	border-radius: 0.5rem;
}
.control_wrapper{
	display: inline-block;
}
.control_title{
	margin-bottom: 1.2rem;
}

/* Buttons */
.control_popup_button, .control_tag_button, .control_small_button, .control_red_button{
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.control_popup_button, .control_small_button{
	margin-bottom: 0.6rem;
	padding: 0.2rem 0.6rem 0.3rem 0.6rem;
	border-radius: 0.5rem;
}
.control_popup_button_enabled, .control_small_button{
	border: 1px solid #404040;
	color: #000000;
	background-color: #ffffff;
	cursor: pointer;
}
.control_popup_button_disabled{
	border: 1px solid #a0a0a0;
	color: #808080;
	background-color: #f0f0f0;
}
.control_tag_button{
	margin-left: 0.3rem;
	margin-bottom: 0.4rem;
	padding: 0.2rem 1rem 0.3rem 1rem;
	border-radius: 1.2rem;
	cursor: pointer;
}
.control_tag_off{
	border: 1px dashed #a0a0a0;
	color: #808080;
	background-color: #ffffff;
}
.control_tag_on{
	border: 1px solid #404040;
	color: #000000;
	background-color: #e4b4b4;
}
.control_red_button{
	padding: 0.4rem 1.8rem 0.5rem 1.8rem;
	border-radius: 0.5rem;
	border: none;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	background-color: #d46c6c;
	color: #ffffff;
	cursor: pointer;
}
.control_red_button:active{
	background-color: #dc7c7c;
	transform: translateY(1px);
}
.control_bottom_buttons{
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
}
.control_apply_button{
	margin-right: 0.5rem;
}

/* Popup panels */
.control_popup_wrapper{
	display: inline-block;
}
.control_popup_panel{
	z-index: 1;
	position: absolute;
	display: none;
	pointer-events: none;
}
.control_popup_content, .control_popup_content_upward{
	position: relative;
	padding: 0.8rem 1rem 0.9rem 1rem;
	border-radius: 0.5rem;
	color: #ffffff;
	background-color: #484848;
	pointer-events: auto;
}
.control_popup_content{
	top: 1.2rem;
}
.control_popup_content_upward{
	bottom: 13.8rem;
}
.control_popup_content:after, .control_popup_content_upward:after{
	content: "";
	position: absolute;
	display: block;
	border-left: 0.9rem solid transparent;
	border-right: 0.9rem solid transparent;
}
.control_popup_content:after{
	top: 0;
	margin-top: -1.8rem;
	border-bottom: 1.8rem solid #484848;
}
.control_popup_content_upward:after{
	bottom: 0;
	margin-bottom: -1.8rem;
	border-top: 1.8rem solid #484848;
}
.control_popup_label, .control_popup_label_alt{
	margin-bottom: 0.7rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #ffffff;
}
.control_popup_label_alt{
	margin-top: 0.7rem;
}
.control_popup_confirm_button, .control_popup_cancel_button{
	display: inline-block;
	vertical-align: top;
	margin: 0.9rem 0 0 0.8rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: #ffffff;
	background-image: url(/assets/popup_round_buttons-7877d7b472fb97e85dc79f894fd76787b7ebfb78b4a8d9bda256c04886bfb821.svg);
	background-size: 4rem 2rem;	
	cursor: pointer;
}
.control_popup_confirm_button{
	background-position: 0 0;
}
.control_popup_cancel_button{
	background-position: 2rem 0;
}
/* Collection */
.control_collection_popup_button{
	margin-left: 0.4rem;
	width: 4rem;
	text-align: center;
}
.control_collection_popup_content{
	width: 18rem;
	left: -13.6rem;
}
.control_collection_popup_content:after{
	left: 15.8rem;
}
/* Date */
.control_date_popup_button{
	margin-left: 0.8rem;
	width: 13.4rem;
	white-space: nowrap;
}
.control_date_popup_content{
	width: 16.2rem;
	left: -1.8rem;
}
.control_date_popup_content:after{
	left: 9.1rem;
}
/* Tags */
.control_tags_popup_button{
	vertical-align: top;
	margin-top: -0.2rem;
	width: 4rem;
	text-align: center;
}
.control_tags_popup_content{
	left: -14rem;
}
.control_tags_popup_content:after{
	left: 15.8rem;
}
/* Area */
.control_area_popup_button{
	margin-left: 0.8rem;
	width: 10.9rem;
}
.control_area_popup_content{
	left: -6.3rem;
}
.control_area_popup_content:after{
	left: 12.3rem;
}

/* Dropdown menus */
.control_dropdown{
	position: relative;
	display: inline-block;
	vertical-align: top;
	border-radius: 0.3rem;
	background-color: #ffffff;
}
.control_dropdown:after{
	position: absolute;
	content: "";
	top: 0.4rem;
	right: 0.5rem;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(/assets/triangle-aa26b4f512d2de3b78ee39e29a629a491d29520dfc4b30ca1a9621d67d94c19f.svg);
	background-size: 1.5rem 3rem;
	background-position: 0 0;
	pointer-events: none;
}
.control_dropdown select{
	appearance: none;
	padding: 0.1rem 0.7rem 0.1rem 0.7rem;
	width: 100%;
	border: none;
	font-size: 1.3rem;
	line-height: 1.9rem;
	color: #000000;
	background-color: transparent;
	cursor: pointer;
}
.control_dropdown_large{
	border: 1px solid #404040;
	width: 20rem;
	margin-bottom: 0.6rem;
}
.control_dropdown_medium{
	width: 6.2rem;
}
.control_dropdown_small{
	width: 4.6rem;
	margin-left: 0.4rem;
}

/* Text field */
.control input[type=text]{
	vertical-align: top;
	padding: 0.1rem;
	height: 1.8rem;
	border-radius: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
}
.control_collection_title_field, .control_tags_name_field, .control_area_radius_field{
	width: 17.6rem;
	border: 1px solid #ffffff;
}

/* Radio button */
.control_radio_wrapper{
	position: relative;
	display: inline-block;
	margin-bottom: 0.9rem;
	padding: 0.2rem 0 0 2rem;
	cursor: pointer;
}
.control_radio_wrapper input{
	display: none;
}
.control_radio_circle, .control .control_radio_circle:after{
	position: absolute;
	border-radius: 50%;
}
.control_radio_circle{
	top: 0.4rem;
	left: 0;
	width: 1.5rem;
	height: 1.5rem;
	background-color: #505050;
}
.control_radio_circle:after{
	display: none;
	content: "";
	top: 0.45rem;
	left: 0.45rem;
	width: 0.6rem;
	height: 0.6rem;
	background-color: #ffffff;
}
.control_radio_wrapper input:checked ~ .control_radio_circle{
	background-color: #d46c6c;
}
.control_radio_wrapper input:checked ~ .control_radio_circle:after{
	display: block;
}

/* Checkbox */
.control input[type=checkbox]{
	position: relative;
	appearance: none;
	margin-top: 0.3rem;
	margin-bottom: 0.6rem;
	padding: 0.7rem;
	border: 1px solid #a0a0a0;
	border-radius: 0.4rem;
	background-color: #f8f8f8;
	cursor: pointer;
}
.control input[type=checkbox]:checked{
	background-color: #f8f0f0;
}
.control input[type=checkbox]:checked:after{
	position: absolute;
	content: "\2714";
	top: 0.1rem;
	left: 0.1rem;
	font-family: "Checkmark", serif;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #d46c6c;
}
.control_checkbox_label{
	display: inline-block;
	vertical-align: top;
	margin: 0.2rem 0 0.9rem 0.3rem;
	cursor: pointer;
}

/* Misc */
.control_tags_container{
	font-size: 0;
	line-height: 0;
}
.control_tags_wrapper{
	margin-left: -0.3rem;
	margin-bottom: 0.2rem;
	overflow: auto;
}
@media (max-width: 349px){
	.control_tags_wrapper_short{
		max-height: 6.6rem;
	}
}
@media (min-width: 350px) and (max-width:600px){
	.control_tags_wrapper_short{
		max-height: 12rem;
	}
}
.control_area_label{
	display: inline-block;
	margin-top: 0.2rem;
	margin-bottom: 0.7rem;
	margin-right: 0.4rem;
}
/*
Form (new/edit post page, adjust image page, paint avatar page, etc.)
*/

/* General */
#form_box{
	border: 1px solid #000000;
	margin: 12rem auto 12rem auto;
	padding: 2rem 2.4rem 2.4rem 2.4rem;
	width: 24.8rem;
	font-size: 1.3rem;
	line-height: 1.7rem;
}
.form_title, .form_username{
	margin-bottom: 2.2rem;
}
.form_title{
	font-size: 2.2rem;
	line-height: 2.9rem;
}
.form_username{
	font-size: 1.5rem;
	line-height: 2rem;
	margin-top: -0.8rem;
	width: 24.8rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
form{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
}
.form_explanation{
	margin-bottom: 2.2rem;
	font-size: 1.3rem;
	line-height: 1.8rem;
}
form .field{
	margin-bottom: 1.8rem;
}
.form_label{
	display: block;
	margin-bottom: 0.2rem;
}
.form_above_memo, .form_above_above_memo, .form_below_memo{
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.form_above_memo{
	margin-bottom: 0.3rem;
}
.form_above_above_memo{
	margin-bottom: 0.1rem;
}
.form_below_memo{
	margin-top: 0.2rem;
}
.form_forgot_password{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	padding-top: 3.6rem;
}
.form_separator{
	border: none;
	height: 1px;
	background-color: #a0a0a0;
	margin-top: 2.8rem;
	margin-bottom: 2.4rem;
}
.form_checkbox_separator{
	border: none;
	border-top: 1px dashed #d0d0d0;
	margin-top: 0.4rem;
	margin-bottom: 0.4rem;
}
#form_account_delete_label, #form_account_delete_triangle{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
#form_account_delete_label{
	font-size: 1.6rem;
	line-height: 2.4rem;
}
#form_account_delete_triangle{
	margin: 0.5rem 0 0.2rem 0.2rem;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(/assets/triangle-aa26b4f512d2de3b78ee39e29a629a491d29520dfc4b30ca1a9621d67d94c19f.svg);
	background-size: 1.5rem 3rem;
}
.form_account_delete_triangle_down{
	background-position: 0 0;
}
.form_account_delete_triangle_up{
	background-position: 0 1.5rem;
}
#form_account_delete_block{
	display: none;
	margin-top: 2rem;
}
#form_account_delete_memo{
	font-size: 1.2rem;
	line-height: 1.6rem;
	margin-bottom: 0.2rem;
}
#form_account_delete_button{
	margin-top: 3rem;
}
#form_account_delete_button:disabled{
	opacity: 0.5;
}
#form_account_delete_field{
	padding: 0.5rem;
	width: 23.4rem;
	border: 1px solid #a0a0a0; 
	border-radius: 0;
	font-size: 1.6rem;
}

/* Buttons */
.form_small_pink_button, .form_small_translucent_button, .form_large_gray_button, .form_large_red_button{
	display: inline-block;
	border-radius: 0.5rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-weight: normal;
	cursor: pointer;
}
.form_small_pink_button, .form_small_translucent_button{
	margin-bottom: 0.3rem;
	padding: 0.4rem 0.8rem 0.5rem 0.8rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.form_large_gray_button, .form_large_red_button{
	padding: 0.4rem 1.4rem 0.6rem 1.4rem;
	font-size: 1.4rem;
	line-height: 2.2rem;
}
.form_small_pink_button{
	border: 1px solid #404040;
	background-color: #f4e4e4;
	color: #000000;
}
.form_small_pink_button:active{
	background-color: #fcecec;
	transform: translateY(1px);
}
.form_small_translucent_button{
	border: 1px solid #ffffff;
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
}
.form_small_translucent_button:active{
	background-color: rgba(0, 0, 0, 0.6);
	transform: translateY(1px);
}
.form_large_gray_button{
	border: none;
	background-color: #c0c0c0;
	color: #000000;
}
.form_large_gray_button:active{
	background-color: #cccccc;
	transform: translateY(1px);
}
.form_large_red_button{
	border: none;
	background-color: #d26e6e;
	color: #ffffff;
}
.form_large_red_button:active{
	background-color: #dc7c7c;
	transform: translateY(1px);
}

/* Error */
form #error_explanation{
	font-family: "Noto", Helvetica, Arial, sans-serif;
	color: #d04040;
	margin-bottom: 2.4rem;
}
form #error_explanation h2{
	font-size: 1.5rem;
	line-height: 2.2rem;
}
form #error_explanation ul{
	margin-top: 0.6rem;
}
form #error_explanation li{
	display: inline-block;
	margin-top: 0.1rem;
	text-decoration: underline;
	font-size: 1.3rem;
	line-height: 1.7em;
}
form .field_with_errors{
	display: inline-block;
	margin: 0;
	padding: 0;
}

/* Submit */
form input[type=submit]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
form .actions{
	margin-top: 2.8rem;
}

/* Text input */
form input[type=email], form input[type=text], form input[type=password], form textarea{
	font-family: Helvetica, Arial, sans-serif;
}
form input[type=email], form input[type=text], form input[type=password]{
	padding: 0.5rem;
	width: 23.4rem;
	border: 1px solid #a0a0a0; 
	border-radius: 0;
	font-size: 1.6rem;
}
form textarea{
	padding: 0.5rem;
	width: 23.4rem;
	height: 23.4rem;
	border: 1px solid #a0a0a0;
	border-radius: 0;
	font-size: 1.6rem;
	resize: none;
}

/* Checkbox */
form input[type=checkbox]{
	position: relative;
	appearance: none;
	margin-top: 0.1rem;
	padding: 0.7rem;
	border: 1px solid #a0a0a0;
	border-radius: 0.4rem;
	background-color: #ffffff;
	cursor: pointer;
}
form input[type=checkbox]:checked{
	background-color: #f8f0f0;
}
form input[type=checkbox]:checked:after{
	position: absolute;
	content: "\2714";
	top: 0.1rem;
	left: 0.1rem;
	font-family: "Checkmark", serif;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4rem;
	color: #d46c6c;
}
.form_checkbox_wrapper{
	padding-top: 0.2rem;
}
.form_checkbox_wrapper label{
	display: inline-block;
	vertical-align: top;
	margin-left: 0.3rem;
	max-width: 22.4rem;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Dropdown menus */
.form_dropdowns{
	margin-top: 0.5rem;
}
.form_dropdown_label{
	display: block;
	margin-bottom: 0.3rem;
}
.form_dropdown{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0.5rem;
	width: 24.4rem;
	background-color: #ffffff;
	border: 1px solid #404040;
	border-radius: 0.3rem;
}
.form_dropdown:after{
	position: absolute;
	content: "";
	top: 0.4rem;
	right: 0.5rem;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(/assets/triangle-aa26b4f512d2de3b78ee39e29a629a491d29520dfc4b30ca1a9621d67d94c19f.svg);
	background-size: 1.5rem 3rem;
	background-position: 0 0;
	pointer-events: none;
}
.form_dropdown select{
	appearance: none;
	padding: 0.1rem 0.7rem 0.1rem 0.7rem;
	width: 100%;
	border: none;
	font-size: 1.3rem;
	line-height: 1.9rem;
	color: #000000;
	background-color: transparent;
	cursor: pointer;
}

/* Image */
.form_image_switch{
	float: left;
	width: 3.8rem;
	height: 3.8rem;
	border-top: 1px solid #a0a0a0;
	background-color: #f0f0f0;
}
.form_image_switch_selected{
	background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}
.form_image_switch_border{
	float: left;
	width: 1px;
	height: 4rem;
	background-color: #a0a0a0;
}
.form_image_switch_wrapper{
	position: relative;
}
.form_image_switch_thumbnail{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.5rem;
	width: 2.8rem;
	height: 2.8rem;
	opacity: 0.5;
}
.form_image_switch_number{
	position: absolute;
	top: 0;
	left: 0;
	width: 3.8rem;
	height: 3.8rem;	
	text-align: center;
	line-height: 4rem;
}
.form_image_main{
	margin-top: -1px;
	border: 1px solid #a0a0a0;
	width: 24.4rem;
}
.form_image_main_content{
	padding: 1rem 1rem 0.8rem 1rem;
}
form input[type=file]{
	position: fixed;
	right: 100%;
	bottom: 100%;
}
.form_image_thumbnail_wrapper{
	position: relative;
	margin-bottom: 0.1rem;
	width: 22.4rem;
	height: 22.4rem;
}
.form_image_thumbnail{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.form_image_adjust_button{
	position: absolute;
	top: 2px;
	right: 2px;
}
.form_image_checkbox_wrapper{
	padding-top: 0.2rem;
	padding-bottom: 0.1rem;
}
.form_image_checkbox_wrapper label{
	display: inline-block;
	vertical-align: top;
	margin-left: 0.3rem;
	cursor: pointer;
}
.form_image_preview_box{
	display: none;
	margin-bottom: 0.5rem;
}
.form_image_preview_wrapper{
	position: relative;
	width: 5rem;
	height: 5rem;
}
.form_image_preview, .form_image_preview_close_button{
	position: absolute;
	top: 0;
	left: 0;
}
.form_image_preview{
	width: 100%;
	height: 100%;
	border: 1px solid #404040;
	border-radius: 0.5rem;
	object-fit: cover;
}
.form_image_preview_close_button{
	margin-top: 0.2rem;
	margin-left: 0.2rem;
	width: 2.3rem;
	opacity: 0.9;
	cursor: pointer;
}
.form_image_file_info{
	margin-top: 0.7rem;
	margin-left: 1rem;
	font-size: 1.2rem;
	line-height: 1.8rem;
}
.form_image_file_name{
	display: inline-block;
	vertical-align: top;
	width: 16.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Audio */
#form_audio_preview_wrapper{
	position: relative;
	margin-top: 0.4rem;
	margin-bottom: 0.2rem;
	padding: 0.6rem;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 0.6rem;
	background-color: #5c5c5c;
}
#form_audio_preview_play_button{
	padding: 0.4rem;
	width: 1.6rem;
	height: 1.6rem;
	background-size: 2.4rem 4.8rem;
	background-image: url(/assets/audio_play_pause-3b69f91e191dafbd2f677e4380ac208227cb6b0a053cddf0b483b4c83233665d.svg);	
	background-repeat: no-repeat;
	cursor: pointer;
}
#form_audio_checkbox_wrapper{
	position: absolute;
	top: 0.9rem;
	left: 4.8rem;
	width: 17rem;
}
#form_audio_checkbox_wrapper label{
	display: inline-block;
	vertical-align: top;
	margin-left: 0.3rem;
	cursor: pointer;
}
#form_audio_activate_button{
	display: inline-block;
}
#form_audio_recorder{
	display: none;
	padding: 1rem;
	border: 1px solid #a0a0a0;
	width: 22.4rem;
}
#form_audio_record_button, #form_audio_record_status{
	display: inline-block;
	vertical-align: top;
}
#form_audio_record_button{
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	background-image: url(/assets/audio_record_stop-3e8d89965f14c5d66bbd6947c40fdc17b55aff8ecf64b0632182a0ec1d21d456.svg);
	background-size: 6.4rem 3.2rem;
	cursor: pointer;
}
.form_audio_record_circle_icon{
	background-position: 0 0;
}
.form_audio_record_square_icon{
	background-position: 3.2rem 0;
}
#form_audio_record_status{
	padding-left: 0.7rem;
	line-height: 3.2rem;
}
#form_audio_player{
	display: none;
	margin-top: 0.9rem;
	padding: 0.3rem;
	border: 1px solid #5c5c5c;
	border-radius: 0.6rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	background-color: #5c5c5c;
	color: #ffffff;
}
#form_audio_play_button, #form_audio_time, #form_audio_delete_button{
	display: inline-block;
	vertical-align: top;
}
#form_audio_play_button{
	padding: 0.4rem;
	width: 1.6rem;
	height: 1.6rem;
	background-size: 2.4rem 4.8rem;
	background-image: url(/assets/audio_play_pause-3b69f91e191dafbd2f677e4380ac208227cb6b0a053cddf0b483b4c83233665d.svg);	
	background-repeat: no-repeat;
	cursor: pointer;
}
.form_audio_play_icon{
	background-position: 0 0;
}
.form_audio_pause_icon{
	background-position: 0 -2.4rem;
}
#form_audio_time{
	margin-left: 0.2rem;
	padding: 0.3rem 0.4rem 0.5rem 0.4rem;
	width: 6.3rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#form_audio_delete_button{
	margin-left: 3rem;
	padding: 0.2rem 0.6rem 0.3rem 0.6rem;
	border: 1px solid #ffffff;
	border-radius: 0.5rem;
	color: #ffffff;
	cursor: pointer;
}

/* Tags */
#form_tags_wrapper{
	display: inline-block;
	margin-left: -0.3rem;
}
.form_tag_button{
	display: inline-block;
	margin-left: 0.3rem;
	margin-bottom: 0.3rem;
	padding: 0.2rem 1rem 0.3rem 1rem;
	border-radius: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	cursor: pointer;
}
.form_tag_off{
	border: 1px dashed #a0a0a0;
	color: #808080;
	background-color: #ffffff;
}
.form_tag_on{
	border: 1px solid #404040;
	color: #000000;
	background-color: #e8bcbc;
}
.form_tags_popup_wrapper{
	display: inline-block;
}
.form_tags_popup_panel{
	z-index: 30;
	position: absolute;
	display: none;
}
.form_tags_popup_content{
	position: relative;
	padding: 1rem;
	top: 1.2rem;
	left: -1.2rem;
	width: 18rem;
	border-radius: 0.5rem;
	color: #ffffff;
	background-color: #484848;
}
.form_tags_popup_content:after{
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 2.4rem;
	margin-top: -1.5rem;
	border-left: 0.9rem solid transparent;
	border-right: 0.9rem solid transparent;
	border-bottom: 1.8rem solid #404040;
}
.form_tags_popup_label{
	margin-bottom: 0.7rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #ffffff;
}
.form_tags_popup_confirm_button, .form_tags_popup_cancel_button{
	display: inline-block;
	vertical-align: top;
	margin: 1rem 0 0 0.8rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: #ffffff;
	background-image: url(/assets/popup_round_buttons-7877d7b472fb97e85dc79f894fd76787b7ebfb78b4a8d9bda256c04886bfb821.svg);
	background-size: 4rem 2rem;	
	cursor: pointer;
}
.form_tags_popup_confirm_button{
	background-position: 0 0;
}
.form_tags_popup_cancel_button{
	background-position: 2rem 0;
}
form input[type=text].form_tags_name_field{
	vertical-align: top;
	padding: 0.1rem;
	width: 17.6rem;
	border: 1px solid #ffffff;
	border-radius: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.6rem;
}

/* Avatar */
.form_avatar_paint_button{
	margin-left: 0.5rem;
	margin-top: 5.5rem;
}
.form_avatar_wrapper{
	position: relative;
	width: 8rem;
	height: 8rem;
}
#form_avatar_image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #000000;
	border-radius: 0.5rem;
}

/* Map/location */
.form_map_wrapper{
	position: relative;
	width: 24.4rem;
	height: 24.4rem;
	border: 1px solid #a0a0a0;
	background-color: #404040;
}
#form_map{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.form_location_reset_button, .form_location_remove_button{
	position: absolute;
	z-index: 20;
}
.form_location_reset_button{
	top: 32px;
	right: 2px;
}
.form_location_remove_button{
	top: 2px;
	right: 2px;
}
.form_location_label{
	display: block;
	margin-top: 0.1rem;
	margin-bottom: 0.2rem;
}
.form_location_from_exif_button{
	display: none;
}
#form_map .form_map_marker_icon_image{
	width: 100%;
}

/* Image adjust */
#form_adjust_canvas1, #form_adjust_canvas2, #form_adjust_canvas3{
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
#form_adjust_hidden_image1, #form_adjust_hidden_image2, #form_adjust_hidden_image3{
	position: absolute;
	top: -24.8rem;
	left: -24.8rem;
	width: 24.8rem;
	visibility: hidden;
}
.form_adjust_control{
	margin-top: 0.8rem;
	margin-bottom: 1.9rem;
}
.form_adjust_cw_button, .form_adjust_ccw_button, .form_adjust_reset_button{
	vertical-align: top;
}
.form_adjust_cw_button, .form_adjust_ccw_button{
	margin-right: 0.3rem;
	width: 3.8rem;
	height: 1.7rem;
	background-size: 3.8rem 1.2rem;
	background-position: 0.8rem 0.6rem;
	background-repeat: no-repeat;
}
.form_adjust_cw_button{
	background-image: url(/assets/adjust_rotate_cw-43e188477521cf16fd81d0c82b162e1f0608c3c40e4de445bbaa5be9f9b647d7.svg);
}
.form_adjust_ccw_button{
	background-image: url(/assets/adjust_rotate_ccw-ccbf0918b41eee391606e1e354263b4f003016040f5759b76fab1902c428a474.svg);
}

/* Avatar painting */
#form_paint_canvas{
	display: block;
	margin-top: 9.2rem;
	width: 100%;
	height: 100%;
	border: 1px solid #000000;
	border-radius: 0.5rem;
	background-color: transparent;
}
#form_paint_clear_button, #form_paint_reset_button{
	margin-top: 0.8rem;
	margin-left: 0.3rem;
}
#form_paint_size_display_wrapper, #form_paint_size_slider_wrapper{
	display: inline-block;
	vertical-align: top;
}
#form_paint_size_display_wrapper{
	position: relative;
	margin-right: 0.8rem;
	margin-bottom: 0.5rem;
	width: 4rem;
	height: 4rem;
	border: 1px solid #000000;
}
#form_paint_size_display{
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    align-items: center;
   	justify-content: center;
}
#form_paint_size_dot{
	width: 1.5rem;
	height: 1.5rem;
	background-color: rgb(229, 180, 180);
	border-radius: 50%;
}
.form_paint_slider_wrapper{
	margin-bottom: 1.1rem;
}
.form_paint_size_slider_label{
	margin-top: 0.9rem;
	margin-bottom: 0.4rem;
}
.form_paint_color_slider_label{
	display: inline-block;
	width: 1.6rem;
}
.form_paint_slider{
	-webkit-appearance: none;
	appearance: none;
	width: 18.5rem;
	height: 0.4rem;
	border-radius: 0.2rem;
	background: #202020;
	transform: translateY(-2px);
}
.form_paint_slider_short{
	width: 15.1rem;
}
.form_paint_slider::-webkit-slider-thumb{
	-webkit-appearance: none;
	appearance: none;
	width: 1.6rem;
	height: 1.6rem;
	border: 0;
	border-radius: 50%;
	background: #999999;
	box-shadow: none;
	cursor: pointer;
}
.form_paint_slider::-moz-range-thumb{
	-moz-appearance: none;
	appearance: none;
	width: 1.6rem;
	height: 1.6rem;
	border: 0;
	border-radius: 50%;
	background: #999999;
	box-shadow: none;
	cursor: pointer;
}
.form_paint_slider_value{
	display: inline-block;
	width: 3rem;
}
#form_paint_palette_wrapper{
	margin-top: 1.8rem;
}
#form_paint_palette{
	padding: 0.2rem;
	border: 1px solid #c0c0c0;
	width: 24.2rem;
}
.form_paint_palette_item{
	display: inline-block;
	margin: 0.3rem 0.3rem 0rem 0.3rem;
	width: 1.4rem;
	height: 1.4rem;
	border: 1px solid #000000;
	background-color: rgb(229, 180, 180);
	cursor: pointer;
}
/*
General
*/

html, body, nav, header, footer, main, section, div, canvas, h1, h2, h3, h4, h5, h6, p, hr, pre, blockquote, code, ol, ul, li, table, tr, td, img, video, object, figure, figcaption, form, input, select, textarea, button, label{
	margin: 0;
	padding: 0;
}
html{
	font-size: 0.625em;
	-webkit-text-size-adjust: 100%;
}
body{
	font-family: "Noto", Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
}
a{
	color: #000000;
}
a.noline, a.neverline{
	text-decoration: none;
}
a.noline:hover{
	text-decoration: underline;
}
li{
	list-style: none;
}
img{
	max-width: 100%;
}
.hidden{
	display: none;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}
.clear{
	clear: both;
}
.left_padded{
	padding-left: 1.2rem;
}
.right_padded{
	padding-right: 1.2rem;
}
.side_padded{
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}
.left_bordered{
	border-left: 1px solid #000000;
}
.right_bordered{
	border-right: 1px solid #000000;
}
.top_bordered{
	border_top: 1px solid #000000;
}
.bottom_bordered{
	border-bottom: 1px solid #000000;
}
.date_format_long, .date_format_short{
	visibility: hidden;
}
.hoverline:hover{
	text-decoration: underline;
}

/* Map color */
.leaflet-marker-icon{
	/* filter: hue-rotate(140deg) saturate(80%); */
}
.leaflet-tile{
	filter: saturate(50%);
}

/* Alerts and notices */
#alert, #notice{
	position: fixed;
	padding: 1.1rem 4rem 1.2rem 1.4rem;
	top: 0.3rem;
	left: -25.6rem;
	width: 20rem;
	border: 1px solid #000000;
	border-radius: 0.5rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.3rem;
	line-height: 1.9rem;
	background-color: #ffffff;
	background-size: 4rem 4.2rem;
	background-repeat: no-repeat;
	background-position: right bottom;
	transition: 0.3s ease;
}
#alert{
	z-index: 110;
	background-image: url(/assets/alert_close-dec43d529d67aaf741dbb1b45d2bb78941a1336245f50f38951fb06e91a17679.svg);
	color: #d04040;
}
#notice{
	z-index: 100;	
	background-image: url(/assets/notice_close-bcdcd5b333ed23c0481d8b722951827926e2881655ef578853b0c65057c4c39f.svg);
	color: #2080a0;
}

/* Header */
header, #header_logout_button{
	background-color: #e4b4b4;
}
header, #header_menu_button, #header_dedede_logo{
	height: 4rem;
}
#header_menu_button, #header_dedede_logo{
	background-repeat: no-repeat;
}
#header_menu_button{
	width: 2.2rem;
	background-image: url(/assets/menu_button-1c879e3a80c750a4e14675019beab3e0f40b75fe8b0d6f9e3013fb2dc8e5a69c.svg);
	background-size: 2.2rem 2.2rem;
	background-position: 0 0.9rem;
	cursor: pointer;
}
#header_dedede_logo{
	margin-left: 1.5rem;
	width: 9.5rem;
	background-image: url(/assets/dedede_logo-e6fc5e2c09884e04b692ac932edd48e05d62b9443ef3bf604c1201aa8b72c8e6.svg);
	background-size: 9.5rem 1.9rem;
	background-position: 0 1.1rem;
}
.header_button, #header_logout_button{
	padding-top: 0.7rem;
	padding-bottom: 0.9rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	line-height: 2.4rem;
}
.header_button{
	height: 2.4rem;
}
#header_logout_button{
	border: none;
	border-left: 1px solid #000000;
	font-weight: normal;
	color: #000000;
	cursor: pointer;
}

/* Menu */
#menu_cover{
	z-index: 200;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #101010;
	opacity: 0.5;
	display: none;
}
#menu_bar{
	z-index: 210;
	position: fixed;
	top: 0;
	width: 30rem;
	height: 100%;
	background-color: #181818;
	overflow: auto;
	transition: 0.3s ease;
}
#menu_bar, #menu_bar a{
	color: #e0e0e0;
}
.menu_on{
	transform: translate(0);
}
.menu_off{
	transform: translate(-30rem);
}
#menu_close_button{
	position: absolute;
	padding: 1.2rem;
	width: 4.4rem;
	cursor: pointer;
}
#menu_list hr{
	height: 1px;
	border: none;
	background-color: #a0a0a0;
}
#menu_list{
	padding-top: 17.6rem;
	padding-bottom: 3rem;
}
#menu_list li{
	margin: 2.7rem 0 2.8rem 0;
	font-size: 1.7rem;
	line-height: 2.3rem;
}
#menu_avatar_image{
	vertical-align: top;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 0.4rem;
}
#menu_username{
	display: inline-block;
	vertical-align: top;
	margin-left: 0.6rem;
	margin-top: 0.3rem;
	width: 23.4rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#menu_postcount{
	margin-top: 1.2rem;
	font-size: 1.4rem;
	line-height: 2rem;
}
#menu_copyright, #menu_legal, #menu_legal a{
	font-size: 1.4rem;
	line-height: 2rem;
	color: #a0a0a0;
}
#menu_copyright{
	margin-bottom: 0.8rem;
}
#menu_legal, #menu_updates{
	margin-bottom: 3.6rem;
}
#menu_updates, #menu_updates a{
	font-size: 1.3rem;
	line-height: 2rem;
	color: #989898;
}
.menu_update{
	margin-top: 1.2rem;
	padding: 0.6rem 1rem 0.8rem 1rem;
	border: 1px solid #a0a0a0;
	border-radius: 0.5rem;
	background-color: #282828;
}
#menu_terms_update{
	display: block;
}
#menu_privacy_update{
	display: block;
}
#menu_notification_count{
	display: inline-block;
	vertical-align: top;
	margin-top: 0.2rem;
	margin-left: 0.5rem;
	padding: 0.1rem 0.8rem 0.3rem 0.8rem;
	border-radius: 0.5rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	background-color: #c04848;
}
#menu_notification_dot{
	position: absolute;
	top: 0.6rem;
	left: 2.9rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background-color: #c04848;
}

/* Language select (header) */
#header_lang_globe_icon, #header_lang_selector, #header_lang_globe_icon_alt, #header_lang_selector_alt, .header_lang_box_triangle{
	position: absolute;
	z-index: 1;
}
#header_lang_globe_icon{
	top: 0.7rem;
	right: 36.2rem;
	width: 2.4rem;
	height: 2.6rem;
	background-image: url(/assets/header_lang_globe-8a957bf4e31065f4fd2ed54e5ba0ff89cf1d279eea75f2f59685ab5bda0489ff.svg);
	background-size: 2.4rem 2.6rem;
}
#header_lang_globe_icon_alt{
	top: 0.8rem;
	right: 22.3rem;
	width: 4rem;
	height: 2.4rem;
	background-image: url(/assets/header_lang_globe_alt-4dd150066d53f894b0065686b0bd1ffcce63deda1de0064506ce893ef5ff7f5b.svg);
	background-size: 4rem 4.8rem;
}
.header_lang_globe_icon_alt_down{
	background-position: 0 0;
}
.header_lang_globe_icon_alt_up{
	background-position: 0 2.4rem;
}
#header_lang_selector, #header_lang_selector_alt{
	font-size: 1.3rem;
	line-height: 1em;
	white-space: nowrap;
}
#header_lang_selector{
	top: 0.7rem;
	right: 23.8rem;
}
#header_lang_selector_alt{
	top: 3.4rem;
	right: 15.4rem;
}
@media (max-width: 599px){
	#header_lang_globe_icon, #header_lang_selector{
		display: none;
	}
}
@media (min-width: 600px){
	#header_lang_globe_icon_alt, #header_lang_selector_alt{
		display: none;
	}
}
.header_lang_box, .header_lang_box_alt{
	padding: 0.4rem 0.6rem 0.6rem 0.6rem;
	border: 1px solid #000000;
	background-color: #e4b4b4;
}
.header_lang_box{
	width: 11rem;
}
.header_lang_box_alt{
	width: 9.5rem;
}
.header_lang_box_triangle{
	top: 0.8rem;
	right: 0.6rem;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(/assets/header_lang_triangle-d96f6d67e418a27bee1f62c66395c8e9b2f21ba936c99f256d92a651b669648c.svg);
	background-size: 1.5rem 3rem;
}
.header_lang_box_triangle_down{
	background-position: 0 0;
}
.header_lang_box_triangle_up{
	background-position: 0 1.5rem;
}
.header_lang_box_spacer{
	height: 1.1rem;
}
.header_lang_box_item{
	padding: 0.1rem 0.6rem 0 0.6rem;
}

/* Language select (menu) */
#menu_lang_wrapper{
	position: absolute;
	top: 12rem;
}
#menu_lang_title, #menu_lang_selector{
	display: inline-block;
	vertical-align: top;
}
#menu_lang_title{
	margin-top: 0.3rem;
	margin-right: 0.8rem;
	font-size: 1.7rem;
	line-height: 2.3rem;
}
#menu_lang_selector{
	font-size: 1.4rem;
	line-height: 1em;
	background-color: #181818;
	white-space: nowrap;
}
.lang_switch_enabled{
	cursor: pointer;
}
.lang_switch_disabled{
	opacity: 0.5;
	cursor: default;
}
.menu_lang_box{
	padding: 0.5rem 0.6rem 0.6rem 0.6rem;
	width: 12rem;
	border: 1px solid #a0a0a0;
	color: #d8d8d8;
}
.menu_lang_box_triangle{
	position: absolute;
	top: 1rem;
	right: 0.8rem;
	width: 1.6rem;
	height: 1.6rem;
	background-image: url(/assets/menu_lang_triangle-fab24af3dc63613dce8eb6428818c51860542a9d4654ff1e3756a462cc96d323.svg);
	background-size: 1.6rem 3.2rem;
}
.menu_lang_box_triangle_down{
	background-position: 0 0;
}
.menu_lang_box_triangle_up{
	background-position: 0 1.6rem;
}
.menu_lang_box_spacer{
	height: 1.2rem;
}
.menu_lang_box_item{
	padding: 0.2rem 0.7rem 0.2rem 0.7rem;
}

/* User search (menu) */
#menu_user_search_wrapper{
	margin-bottom: 6.1rem;
}
#menu_user_search_field, #menu_user_search_button{
	display: inline-block;
	vertical-align: top;
}
#menu_user_search_field{
	font-family: Helvetica, Arial, sans-serif;
	padding: 0.5rem 0.8rem 0.5rem 0.8rem;
	width: 15.2rem;
	height: 1.9rem;
	border: 1px solid #a0a0a0;
	border-radius: 0;
	font-size: 1.6rem;
	background-color: #181818;
	color: #e0e0e0;
}
#menu_bar ::placeholder{
	color: #808080;
	opacity: 1;
}
#menu_bar ::-ms-input-placeholder{
	color: #808080;
}
#menu_user_search_button{
	margin-left: 0.2rem;
	width: 2.9rem;
	height: 2.9rem;
	border: 1px solid #a0a0a0;
	border-radius: 0.5rem;
	cursor: default;
	opacity: 0.5;
}
#menu_user_search_link{
	pointer-events: none;
}

/* Fonts */
@font-face{
  font-family: "Noto";
  src: url(/assets/NotoSansJP-Light-a765910ea781344752b787d9e1b53bf78cc03561c033688f71a40a22932f4450.woff2);
  font-weight: normal;
}
@font-face{
  font-family: "Noto";
  src: url(/assets/NotoSansJP-Bold-427bdd544df62c9e496ae33fa5289377f74792b8c4f5e3939b51227d9c45e5e0.woff2);
  font-weight: bold;
}
@font-face{
  font-family: "Noto2";
  src: url(/assets/NotoSansJP-Regular-d16b5b2cc20079875b6edb3824163d838a0890486a33874ada52da2b869738da.woff2);
}
@font-face{
  font-family: "Checkmark";
  src: url(/assets/Checkmark-6aeb905428c620e5815843b96f9cd69cfdc41f76a247cda16055c0863c5b6c97.woff2);
}

/* Colors (0: uncategorized, 1~3: good/bad/why, 4: others) */
.collection_invisible{
	background-color: rgba(255, 255, 255, 0);
}
.collection_color0{
	background-color: rgba(168, 168, 152, 0.85);
}
.collection_color1{
	background-color: rgba(80, 144, 80, 0.85);
}
.collection_color2{
	background-color: rgba(160, 80, 112, 0.85);
}
.collection_color3{
	background-color: rgba(96, 112, 160, 0.85);
}
.collection_color4{
	background-color: rgba(128, 128, 128, 0.85);
}
.collection_color0_alt{
	background-color: rgba(168, 168, 152, 0.9);
}
.collection_color1_alt{
	background-color: rgba(80, 144, 80, 0.9);
}
.collection_color2_alt{
	background-color: rgba(160, 80, 112, 0.9);
}
.collection_color3_alt{
	background-color: rgba(96, 112, 160, 0.9);
}
.collection_color4_alt{
	background-color: rgba(128, 128, 128, 0.9);
}
/* 
Home page (index page, user page)
*/

/* Top */
#top, #top_alt{
	background-color: #e4b4b4;
}
#top{
	background-repeat: no-repeat;
}
@media (min-width: 375px) and (max-width:699px){
	#top{
		background-image: url(/assets/top_dededekun_small-7fa16f7f30c2b7fd0001339eaeb69f590c3d19bba89ae41a88c34946b69857aa.svg);
		background-size: 5.6rem auto;
		background-position: 1.2rem bottom;
	}
}
@media (min-width: 700px){
	#top{
		background-image: url(/assets/top_dededekun_large-d66fc7074d477ace46f58c44e07c21bf484be62fc364671bec3fec32ee3caf13.svg);
		background-size: 20rem auto;
		background-position: 1.2rem bottom;
	}
}
#top_dedede_logo, #top_dedede_subtitle{
	margin: 0 auto 0 auto;
}
#top_dedede_subtitle{
	font-weight: bold;
	text-align: center;
}
#top_about_link{
	position: absolute;
	right: 0;
}
#top_alt{
	position: relative;
	white-space: nowrap;
	overflow: hidden;
}
@media (max-width: 599px){
	#top{
		height: 17.6rem;
	}
	#top_dedede_logo{
		width: 14.8rem;
		padding-top: 6.1rem;
	}
	#top_dedede_subtitle{
		padding-top: 0.6rem;
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
	#top_about_link{
		top: 19.2rem;
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
	#top_alt{
		padding-top: 3rem;
		padding-bottom: 2rem;
	}
}
@media (min-width: 600px){
	#top{
		height: 20.6rem;
	}
	#top_dedede_logo{
		width: 19rem;
		padding-top: 7rem;
	}
	#top_dedede_subtitle{
		padding-top: 0.8rem;
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
	#top_about_link{
		top: 22rem;
		font-size: 1.5rem;
		line-height: 2.3rem;
	}
	#top_alt{
		padding-top: 3.5rem;
		padding-bottom: 2.5rem;
	}
}
#top_alt_avatar{
	position: relative;
	vertical-align: middle;
	display: inline-block;
}
#top_alt_avatar_image{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #000000;
	border-radius: 0.5rem;
}
#top_alt_username{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#top_alt_info_open, #top_alt_info_closed{
	position: relative;	
}
#top_alt_info_closed, #top_alt_info_box{
	border-radius: 1rem;
	background-color: #d8a0a0;
}
#top_alt_info_closed{
	margin-bottom: 0.1rem;
	width: 1.8rem;
	height: 1.8rem;
	background-image: url(/assets/icon_ellipsis-3186d229c55c85677a77c67b2606771b1f5b9c5e7b574d281a99a12a0ed44677.svg);
	background-size: 1.8rem 1.8rem;
	cursor: pointer;
}
#top_alt_info_box{
	display: inline-block;
}
#top_alt_info_box_close, #top_alt_info_box_links{
	vertical-align: top;
}
#top_alt_info_box_close{
	margin-left: 0.3rem;
	width: 1.9rem;
	height: 1.9rem;
	cursor: pointer;
}
#top_alt_info_box_links{
	display: inline-block;
	padding: 0.1rem 0.9rem 0.3rem 0.6rem;
	font-size: 1.1rem;
	line-height: 1.5rem;
}
#top_alt_info_box_links a{
	color: #ffffff;
}
#top_alt_stats, #top_alt_bio{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	white-space: normal;
}
.top_alt_stat_number{
	font-family: "Noto", Helvetica, Arial, sans-serif;
	font-weight: bold;
}

#top_alt_bio{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	white-space: normal;
}
@media (max-width: 599px){
	#top_alt_avatar{
		margin-right: 1.3rem;
		width: 5.6rem;
		height: 5.6rem;
	}
	#top_alt_username{
		margin-top: 0.5rem;
		font-size: 2rem;
		line-height: 3rem;
	}
	#top_alt_info_open, #top_alt_info_closed{
		top: -1.8rem;
		left: 7.2rem;
	}
	#top_alt_stats, #top_alt_bio{
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	#top_alt_stats{
		margin-top: -0.5rem;
		margin-bottom: 0.6rem;
	}
	#top_alt_bio{
		margin-top: 0.9rem;
		margin-bottom: 0.6rem;
	}
}
@media (min-width: 600px){
	#top_alt_avatar{
		margin-right: 1.7rem;
		width: 8rem;
		height: 8rem;
	}
	#top_alt_username{
		margin-top: 1rem;
		font-size: 2.6rem;
		line-height: 3.9rem;
	}
	#top_alt_info_open, #top_alt_info_closed{
		top: -2.4rem;
		left: 10rem;
	}
	#top_alt_stats, #top_alt_bio{
		max-width: 80rem;
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
	#top_alt_stats{
		margin-top: -0.2rem;
		margin-bottom: 0.4rem;
	}
	#top_alt_bio{
		margin-top: 1.1rem;
		margin-bottom: 0.4rem;
	}
}
#top_alt_buttons{
	position: absolute;
	left: 1.2rem;
}
@media (max-width: 599px){
	#top_alt_spacer{
		height: 2rem;
	}
	#top_alt_buttons{
		bottom: 1.2rem;
	}
}
@media (min-width: 600px){
	#top_alt_spacer{
		height: 2.3rem;
	}
	#top_alt_buttons{
		bottom: 1.6rem;
	}
}
#top_alt_follow_user_button, #top_alt_unfollow_user_button, #top_alt_report_user_button{
	display: inline-block;
	padding: 0.1rem 0.7rem 0.3rem 2.2rem;
	border-radius: 0.5rem;
	background-color: #c88888;
	background-repeat: no-repeat;
	background-size: 1.5rem auto;
	background-position: 0.6rem 0.4rem;
	color: #ffffff;
	font-size: 1.1rem;
	line-height: 1.5rem;
	cursor: pointer;
}
#top_alt_report_user_button:active, #top_alt_follow_user_button:active, #top_alt_unfollow_user_button:active{
	background-color: #d09090;
	transform: translateY(1px);
}
#top_alt_follow_user_button, #top_alt_unfollow_user_button{
	margin-right: 0.3rem;
}
#top_alt_follow_user_button{
	background-image: url(/assets/icon_follow-5a2314cc4881c702e479bdffbb84104fbda23523f299dd98443ad93deda10f2b.svg);
}
#top_alt_unfollow_user_button{
	background-image: url(/assets/icon_unfollow-30ad6a0b58551d5225c558eb40006ce8fcb2132c1a17b6fff393b3db10246218.svg);
}
#top_alt_report_user_button{
	background-image: url(/assets/icon_report-aa3696d26497a19ad9855c2b43ab5a2e844d03e2ea19f805d4b27bb8fd732593.svg);
}

/* Button strip (new post button) */
#dedede_button_strip{
	z-index: 50;
	position: fixed;
	top: 0;
	width: 100%;
	height: 4rem;
	text-align: right;
	background-color: #e4b4b4;
	visibility: hidden;
	transition: 0.3s ease;
}
#dedede_button1, #dedede_button2{
	border: 1px solid #000000;
	border-radius: 0.5rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	background-color: #d8a0a0;
	color: #000000;
	cursor: pointer;
}
#dedede_button1{
	position: absolute;
	top: 5rem;
	right: 1.2rem;
}
@media (max-width: 599px){
	#dedede_button1{
		padding: 0.2rem 0.7rem 0.4rem 0.7rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
}
@media (min-width: 600px){
	#dedede_button1{
		padding: 0.4rem 0.8rem 0.6rem 0.8rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}
#dedede_button2{
	margin-top: 0.6rem;
	margin-right: 1.2rem;
	padding: 0.2rem 0.7rem 0.4rem 0.7rem;
	font-size: 1.4rem;
	line-height: 2rem;
}
#dedede_button1:active, #dedede_button2:active{
	background-color: #cc9494;
	transform: translateY(1px);
}

/* Mini control panel / To everyone link */
#mini_control, #to_everyone{
	margin-top: 0.5rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;	font-size: 1.1rem;
	line-height: 1.5rem;
	text-align: right;
}
#mini_control{
	text-align: right;
}
#to_everyone{
	position: absolute;
	left: 1.2rem;
	background-image: url(/assets/icon_jump-1cd7a8995edd739fe8fb105c787119d972e434b6d3a8a967c4792d66c0889756.svg);
	background-repeat: no-repeat;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 599px){
	#mini_control, #to_everyone{
		font-size: 1.1rem;
		line-height: 1.5rem;
	}
	#to_everyone{
		padding-left: 1.8rem;
		background-size: 1.5rem 1.5rem;
	}
}
@media (min-width: 600px){
	#mini_control, #to_everyone{
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	#to_everyone{
		padding-left: 1.9rem;
		background-size: 1.6rem 1.6rem;
	}
}
#order_switch, #order_switch_box, #order_switch_dot, #order_option_latest, #order_option_random{
	display: inline-block;
	vertical-align: top;
}
#order_switch{
	margin-right: 0.8rem;
	color: #a0a0a0;
}
.order_option_on, .order_option_off:hover{
	color: #202020;
}
.order_option_off, #order_switch_box{
	cursor: pointer;
}
#order_option_latest, #order_option_random{
	padding-bottom: 0.2rem;
}
#order_option_latest{
	padding-left: 0.4rem;
}
#order_option_random{
	padding-right: 0.4rem;
}
#order_switch_box{
	padding: 0.1rem 0.2rem 0.2rem 0.2rem;
}
#order_switch_box_background{
	margin-top: 0.1rem;
	border: 1px solid #d8d8d8;
	background-color: #e0e0e0;
}
.order_switch_box_latest{
	text-align: left;
}
.order_switch_box_random{
	text-align: right;
}
#order_switch_dot{
	margin: 0.1rem 0.1rem 0 0.1rem;
	background-color: #686868;
}
@media (max-width: 599px){
	#order_option_latest{
		padding-right: 0.4rem;
	}
	#order_option_random{
		padding-left: 0.4rem;
	}
	#order_switch_box_background{
		width: 3rem;
		height: 1rem;
		border-radius: 0.6rem;
	}
	#order_switch_dot{
		width: 1.5rem;
		height: 0.8rem;
		border-radius: 0.4rem;
	}
}
@media (min-width: 600px){
	#order_option_latest{
		padding-right: 0.5rem;
	}
	#order_option_random{
		padding-left: 0.5rem;
	}
	#order_switch_box_background{
		width: 3.2rem;
		height: 1.1rem;
		border-radius: 0.7rem;
	}
	#order_switch_dot{
		width: 1.6rem;
		height: 0.9rem;
		border-radius: 0.5rem;
	}
}
#following_only, #following_only_box{
	display: inline-block;
	vertical-align: top;
}
#following_only{
	margin-right: 1.5rem;
	cursor: pointer;
}
#following_only_box{
	margin-top: 0.3rem;
	margin-right: 0.5rem;
	width: 1rem;
	height: 1rem;
	border: 1px solid #b8b8b8;
	border-radius: 0.3rem;
	font-family: "Checkmark", serif;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1rem;
	background-color: #f8f8f8;
	color: #686868;
}
@media (max-width: 349px){
	#to_everyone{
		max-width: 12rem;
	}
}
@media (min-width: 350px) and (max-width: 374px){
	#to_everyone{
		max-width: 14rem;
	}
}
@media (min-width: 375px) and (max-width: 399px){
	#to_everyone{
		max-width: 16rem;
	}
}
@media (min-width: 400px) and (max-width: 449px){
	#to_everyone{
		max-width: 18rem;
	}
}
@media (min-width: 450px) and (max-width:499px){
	#to_everyone{
		max-width: 20rem;
	}
}
@media (min-width: 500px){
	#to_everyone{
		max-width: 22rem;
	}
}

/* Heading */
#heading{
	text-align: center;
}
@media (max-width: 599px){
	#heading{
		margin-top: 3.8rem;
	}
}
@media (min-width: 600px){
	#heading{
		margin-top: 4.4rem;
	}
}
#heading_collection_title, .heading_arrow{
	display: inline-block;
	vertical-align: middle;
}
#heading_collection_title{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.heading_collection_title_en{
	margin-right: 0.8rem;
}
.heading_arrow{
	cursor: pointer;
}
@media (max-width: 599px){
	.heading_arrow{
		width: 1.9rem;
	}
	#heading_collection_title{
		margin-left: 0.9rem;
		max-width: 24rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
}
@media (min-width: 600px){
	.heading_arrow{
		width: 2.1rem;
	}
	#heading_collection_title{
		margin-left: 1.1rem;
		max-width: 48rem;
		font-size: 2rem;
		line-height: 3rem;
	}
}
/* Options */
#heading_options{
	margin-top: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.8rem;
}
.heading_option{
	display: none;
	margin: 0 0.2rem 0.4rem 0.2rem;
	padding: 0.1rem 0.8rem 0.3rem 0.8rem;
	border-radius: 1.1rem;
	color: #ffffff;
	background-color: #999999;
	cursor: pointer;
}
/* Count */
#heading_count{
	color: #404040;
}
@media (max-width: 599px){
	#heading_count{
		margin-top: 0.8rem;
		margin-bottom: 1.8rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
}
@media (min-width: 600px){
	#heading_count{
		margin-top: 1rem;
		margin-bottom: 2.4rem;
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
}
/*
Main map (index page, user page)
*/

/* Main map */
#main_map_open_button, #main_map_close_button{
	position: fixed;
	margin: 0.6rem;
	left: 0;
	bottom: 0;
	width: 4rem;
	border-radius: 50%;
	cursor: pointer;
}
#main_map_open_button{
	height: 4rem;
	background-image: url(/assets/map_open-71924a4919bec31b4f26dca6471e92aa6163ebea8ab6946b079dd290fd0c936f.svg);
}
#main_map_close_button{
	z-index: 11;
}
#main_map_window{
	z-index: 300;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
.main_map_window_on{
	transform: translate(0);
}
.main_map_window_off{
	transform: translate(-100%);
}
#main_map{
	z-index: 10;
	margin-top: 3.9rem;
	width: 100%;
	height: calc(100vh - 3.9rem);
}
#main_map a{
	color: #000000;
}

/* Right-side buttons */
#main_map_my_location_button_wrapper, #main_map_marker_button_wrapper, #main_map_pin_button_wrapper, #main_map_pin_file_buttons_wrapper, #main_map_credits{
	z-index: 11;
	position: fixed;
}
#main_map_my_location_button_wrapper, #main_map_marker_button_wrapper, #main_map_pin_button_wrapper, #main_map_pin_file_buttons_wrapper{
	right: 0.6rem;
}
#main_map_my_location_button, #main_map_marker_button, #main_map_pin_button{
	width: 3.2rem;
	height: 3.2rem;
	border: 1px solid #000000;
	border-radius: 0.5rem;
	background-color: #ffffff;
	background-size: 3.2rem 3.2rem;
	cursor: pointer;
}
#main_map_my_location_button{
	background-image: url(/assets/map_button_arrow-d29598a785e06cf70f1bc8fc6a2fb54467fe6149281396d33cd162b2ca9f910d.svg);
	background-size: 6.4rem 3.2rem;
}
#main_map_marker_button{
	background-image: url(/assets/map_button_marker-11e40f6f017086c06e3a7ee42cb803a4d4c20c105374441890af11f6cfb945ac.svg);
	background-size: 9.6rem 3.2rem;
}
#main_map_pin_button{
	background-image: url(/assets/map_button_pin-595be13f27c096e373a52bd90f9aa04e66c00a4d50ad43260083291aa1ce50ec.svg);
}
.main_map_my_location_button_on{
	background-position: 3.2rem 0;
}
.main_map_my_location_button_off{
	background-position: 0 0;
}
.main_map_marker_button1{
	background-position: 0 0;
}
.main_map_marker_button2{
	background-position: 6.4rem 0;
}
.main_map_marker_button3{
	background-position: 3.2rem 0;
}
.main_map_my_location_button_signed_in{
	bottom: 15.4rem;
}
.main_map_my_location_button_signed_out{
	bottom: 12.6rem;
}
.main_map_marker_button_signed_in{
	bottom: 10.2rem;
}
.main_map_marker_button_signed_out{
	bottom: 7.4rem;
}
.main_map_pin_button_signed_in{
	bottom: 5rem;
}
.main_map_pin_button_signed_out{
	bottom: 2.2rem;
}
#main_map_pin_file_buttons_wrapper{
	bottom: 1.9rem;
}
#main_map_pin_load_button, #main_map_pin_save_button{
	margin-left: 0.4rem;
	padding: 0.3rem 0.8rem 0.4rem 0.8rem;
	border: 1px solid #000000;
	border-radius: 0.5rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	line-height: 1.8rem;
	background-color: #ffffff;
	color: #008250;
	cursor: pointer;
}

/* Icons */
#main_map .main_map_marker_icon_image{
	width: 100%;
}
#main_map .main_map_pin_icon_image{
	width: 100%;
}
#main_map .main_map_user_location_icon_image{
	width: 100%;
}

/* Credits */
#main_map_credits{
	vertical-align: top;
	padding: 0.1rem 0.6rem 0.1rem 0.6rem;
	bottom: 0;
	right: 0;
	font-family: Arial, sans-serif;
	font-size: 0.8rem;
	line-height: 0.9rem;
	text-align: right;
	background-color: #f8f8f8;
}
#main_map_credits, #main_map_credits a{
	color: #101010;
}
#main_map_ukraine_flag{
	vertical-align: top;
	margin-top: 0.2rem;
	height: 0.5rem;
}

/* Turbo frame (for loading marker data) */
#main_map_markers_frame{
	display: none;
}

/* Marker popup */
.main_map_marker_collection_dots{
	margin-bottom: 0.2rem;
}
.main_map_marker_collection_dot{
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.3rem;
	height: 0.7rem;
	width: 1.3rem;
	border-radius: 0.7rem;
}
.main_map_marker_collections_ellipsis{
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.1rem;
	margin-left: -0.2rem;
	font-family: "Noto", Helvetica, Arial, sans-serif;
	font-size: 0.8rem;
	line-height: 0.8rem;
}
.main_map_marker_image{
	margin-top: 0.1rem;
	margin-right: -0.5rem;
	min-width: 12.8rem;
	max-width: 12.8rem;
}
.main_map_marker_nested{
	position: absolute;
	top: 3.0rem;
	left: 3.7rem;
	width: 10.5rem;
	height: 11.7rem;
}
.main_map_marker_nested_image{
	border-radius: 0.6rem;
	margin-top: 0.1rem;
}
.main_map_marker_title, .main_map_marker_author{
	width: 12rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.main_map_marker_title{
	margin-top: 0.3rem;
	margin-bottom: 0.1rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
	line-height: 2.2rem;
}
.main_map_marker_author{
	font-family: "Noto", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.main_map_marker_repost_icon{
	vertical-align: top;
	margin-top: 0.3rem;
	margin-right: 0.5rem;
	height: 1.2rem;
}
/* 
Miscellaneous pages (collections, notifications, search, following/followers, about, terms, privacy)
*/

/* Collections page */
#collections_add_button{
	display: inline-block;
	margin-top: 0.9rem;
	margin-bottom: 0.3rem;
	padding: 0.3rem 0.8rem 0.4rem 0.8rem;
	border: 1px solid #404040;
	border-radius: 0.5rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1.8rem;
	background-color: #f4e4e4;
	color: #000000;
	cursor: pointer;
}
#collections_add_button:active{
	background-color: #fcecec;
	transform: translateY(1px);
}
#collections_space{
	height: 3.9rem;
}
#collections_heading, #collections_memo{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	text-align: center;
}
#collections_heading{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 599px){
	#collections_heading{
		margin: 3.2rem auto 1.1rem auto;
		max-width: 24rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
	#collections_memo{
		margin-bottom: 0.8rem;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
}
@media (min-width: 600px){
	#collections_heading{
		margin: 3.6rem auto 1.3rem auto;
		max-width: 48rem;
		font-size: 2rem;
		line-height: 3rem;
	}
	#collections_memo{
		margin-bottom: 1.2rem;
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
}

/* Notifications page */
#notifications_heading, #notifications_memo, #notification_list{
	width: 29.8rem;
}
#notifications_heading, #notifications_memo{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	text-align: center;
}
#notifications_heading{
	margin: 7.5rem auto 1.8rem auto;
	font-size: 2rem;
	line-height: 3rem;
}
#notifications_memo{
	margin: 0 auto 0 auto;
	font-size: 1.3rem;
	line-height: 2rem;
}
#notification_list{
	margin: 4.8rem auto 3.6rem auto;
	border-top: 1px solid #a0a0a0;
}
.notification_box{
	padding-top: 3rem;
	padding-bottom: 3.1rem;
	border-bottom: 1px solid #a0a0a0;
	font-size: 1.3rem;
	line-height: 2rem;
}
.notification_new_label, .notification_date{
	vertical-align: top;
}
.notification_new_label{
	display: inline-block;
	padding: 0.1rem 0.9rem 0.2rem 0.9rem;
	margin-right: 0.8rem;
	border-radius: 1rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.1rem;
	line-height: 1.7rem;
	background-color: #c04848;
	color: #ffffff;
}
.notification_date{
	padding-bottom: 0.1rem;
	margin-bottom: 1.8rem;
	line-height: 1.9rem;
}
.notification_none{
	text-align: center;
}
.notification_deleted{
	color: #ff0000;
}
#notifications_more_button_wrapper{
	margin-bottom: 4.8rem;
	text-align: center;
}
#notifications_more_button{
	display: inline-block;
	margin: 0 1.2rem 7.5rem 1.2rem;
	padding: 0.1rem 1.1rem 0.3rem 1.1rem;
	border: 1px solid #a0a0a0;
	border-radius: 1.3rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	line-height: 2rem;
	color: #202020;
}

/* Search page */
#search_heading, #search_keyword, #search_results_list{
	width: 29.8rem;
}
#search_heading, #search_keyword{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	text-align: center;
}
#search_heading{
	margin: 7.5rem auto 1.8rem auto;
	font-size: 2rem;
	line-height: 3rem;
}
#search_keyword{
	margin: 0 auto 0 auto;
	font-size: 1.3rem;
	line-height: 2rem;
}
#search_results_list{
	margin: 4.8rem auto 4.8rem auto;
	border-top: 1px solid #a0a0a0;
}
.search_result_box, .search_result_message{
	padding-top: 2.6rem;
	font-size: 1.4rem;
	line-height: 2.2rem;
}
.search_result_box{
	padding-bottom: 2.7rem;
	border-bottom: 1px solid #a0a0a0;
}
.search_result_message{
	padding-bottom: 0.2rem;
	text-align: center;
}
.search_result_avatar_wrapper{
	position: relative;
	margin-right: 1.6rem;
	width: 6.4rem;
	height: 6.4rem;
}
.search_result_avatar_image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #000000;
	border-radius: 0.5rem;
}
.search_result_username{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	margin-top: 2rem;
	width: 21.8rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Following/followers */
#follow_heading, #follow_list{
	width: 29.8rem;
}
#follow_heading{
	margin: 7.5rem auto 1.8rem auto;
	font-size: 2rem;
	line-height: 3rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	text-align: center;
}
.follow_count{
	color: #e4b4b4;
}
#follow_list{
	margin: 4.8rem auto 4.8rem auto;
	border-top: 1px solid #a0a0a0;
}
.follow_list_box, .follow_list_message{
	padding-top: 2.6rem;
	font-size: 1.4rem;
	line-height: 2.2rem;
}
.follow_list_box{
	padding-bottom: 2.7rem;
	border-bottom: 1px solid #a0a0a0;
}
.follow_list_message{
	padding-bottom: 0.2rem;
	text-align: center;
}
.follow_list_avatar_wrapper{
	position: relative;
	margin-right: 1.6rem;
	width: 6.4rem;
	height: 6.4rem;
}
.follow_list_avatar_image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #000000;
	border-radius: 0.5rem;
}
.follow_list_username{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	margin-top: 2rem;
	width: 21.8rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#follow_more_button_wrapper{
	margin-bottom: 4.8rem;
	text-align: center;
}
#follow_more_button{
	display: inline-block;
	margin: 0 1.2rem 7.5rem 1.2rem;
	padding: 0.1rem 1.1rem 0.3rem 1.1rem;
	border: 1px solid #a0a0a0;
	border-radius: 1.3rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	line-height: 2rem;
	color: #202020;
}

/* About / terms / privacy */
#about_page, #legal_page{
	margin: 0 auto 0 auto;
	padding-top: 12rem;
}
#about_page{
	padding-bottom: 6rem;
}
#legal_page{
	padding-bottom: 12rem;
}
#about_page, #legal_page{
	text-align: justify;
}
@media (max-width: 599px){
	#about_page, #legal_page{
		font-size: 1.5rem;
		line-height: 2.3rem;
	}
}
@media (min-width: 600px){
	#about_page, #legal_page{
		max-width: 64rem;
		font-size: 1.8rem;
		line-height: 2.9rem;
	}
}

/* Headings (about / terms / privacy) */
@media (max-width: 599px){
	.about_title, .legal_title{
		padding-bottom: 6.7rem;
		font-size: 2.7rem;
		line-height: 4.1rem;
	}
	.about_heading{
		padding-top: 3.7rem;
		padding-bottom: 3.3rem;
		font-size: 2.1rem;
		line-height: 3.2rem;
	}
	.legal_heading{
		padding-top: 4.8rem;
		padding-bottom: 1.2rem;
		font-size: 2rem;
		line-height: 3rem;
	}
}
@media (min-width: 600px){
	.about_title, .legal_title{
		padding-bottom: 7.6rem;
		font-size: 3.4rem;
		line-height: 5.1rem;
	}
	.about_heading{
		padding-top: 4.5rem;
		padding-bottom: 4rem;
		font-size: 2.6rem;
		line-height: 3.9rem;
	}
	.legal_heading{
		padding-top: 6rem;
		padding-bottom: 1.5rem;
		font-size: 2.5rem;
		line-height: 3.8rem;
	}
}

/* Paragraphs (about / terms / privacy) */
.about_memo, .about_memo a{
	color: #808080;
}
.legal_note, .legal_note a{
	color: #d82424;
}
@media (max-width: 599px){
	.about_p, .legal_p{
		margin-bottom: 2.3rem;
	}
	.legal_note{
		margin-bottom: 6.9rem;
	}
	.about_memo{
		margin-top: -1.2rem;
		font-size: 1.3rem;
	}
}
@media (min-width: 600px){
	.about_p, .legal_p{
		margin-bottom: 2.9rem;
	}
	.legal_note{
		margin-bottom: 9.7rem;
	}
	.about_memo{
		margin-top: -1.5rem;
		font-size: 1.5rem;
	}
}

/* List (about / terms / privacy) */
@media (max-width: 599px){
	.about_list{
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.about_list_item{
		margin-bottom: 0.2rem;
		margin-left: 0.8rem;
	}
	.legal_list{
		margin-top: 1.6rem;
		margin-bottom: 1.6rem;
	}
	.legal_list_item, .legal_list_item_indent, .legal_list_item_indent2{
		margin-bottom: 1.6rem;
	}
	.legal_list_item_indent{
		margin-left: 2.4rem;
	}
	.legal_list_item_indent2{
		margin-left: 4.8rem;
	}
}
@media (min-width: 600px){    
	.about_list{
		margin-top: 1.8rem;
		margin-bottom: 1.8rem;
	}
	.about_list_item{
		margin-bottom: 0.2rem;
		margin-left: 1rem;
	}
	.legal_list{
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.legal_list_item, .legal_list_item_indent, .legal_list_item_indent2{
		margin-bottom: 2rem;
	}
	.legal_list_item_indent{
		margin-left: 3rem;
	}
	.legal_list_item_indent2{
		margin-left: 6rem;
	}
}

/* Misc (about page)  */
.about_strong{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.about_p_zero{
	margin-bottom: 0;
}
/* Figure (about page) */
.about_wide_image{
	display: block;
}
@media (max-width: 599px){
	.about_figure{
		margin-top: 4.5rem;
	}
}
@media (min-width: 600px){
	.about_figure{
		margin-top: 5.4rem;
	}
}
/* Slides (about page) */
#about_slides{
	border: 1px solid #000000;
}
.about_arrow{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
#about_slides_download{
	float: right;
}
@media (max-width: 599px){
	#about_slides_label{
		margin-top: 4.5rem;
		margin-bottom: 0.2rem;
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
	#about_slides_control{
		margin-top: 0.2rem;
		margin-bottom: 3rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
	.about_arrow{
		margin-top: 0.3rem;
		width: 1.3rem;
	}
}
@media (min-width: 600px){
	#about_slides_label{
		margin-top: 5.4rem;
		margin-bottom: 0.3rem;
		font-size: 1.6rem;
		line-height: 2.4rem;	
	}
	#about_slides_control{
		margin-top: 0.2rem;
		margin-bottom: 3.6rem;
		font-size: 1.5rem;
		line-height: 2.3rem;
	}
	.about_arrow{
		margin-top: 0.4rem;
		width: 1.5rem;
	}
}
/* Team (about page) */
.about_member_name{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
}
.about_member_image{
	border: 1px solid #000000;
	border-radius: 0.5rem;
}
@media (max-width: 599px){
	.about_member{
		margin-top: 3.2rem;
		margin-bottom: 3.2rem;
	}
	.about_member_image{
		width: 7.8rem;
		margin-bottom: 0.3rem;
	}
	.about_member_name{
		margin-bottom: 0.5rem;
	}
	.about_member_affiliation{
		margin-bottom: 0.3rem;
		font-size: 1.3rem;
		line-height: 2rem;
	}
}
@media (min-width: 600px){
	.about_member{
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	.about_member_image, .about_member_info{
		display: inline-block;
		vertical-align: top;
	}
	.about_member_image{   
		width: 9.5rem;
		margin-right: 1.8rem;
	}
	.about_member_name{
		margin-top: 0.3rem;
		margin-bottom: 0.6rem;
	}
	.about_member_affiliation{
		margin-bottom: 0.3rem;
		max-width: 45rem;
		font-size: 1.6rem;
		line-height: 2.4rem;
	}
}
/* Credits (about page) */
.about_credits, .about_credits a{
	color: #a0a0a0;
}
@media (max-width: 599px){
	.about_credits{
		margin-top: 6rem;
		font-size: 1.2rem;
		line-height: 1.9rem;
	}
}
@media (min-width: 600px){
	.about_credits{
		margin-top: 8.5rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
}
/* 
Show page
*/

/* General */
.show_page{
	font-family: "Noto2", Helvetica, Arial, sans-serif;
}
@media (max-width: 799px){
	.show_page{
		font-size: 1.4rem;
		line-height: 2.2rem;
	}
}
@media (min-width: 800px){
	.show_page{
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
}

/* New post button */
#show_dedede_button{
	position: absolute;
	top: 5rem;
	right: 1.2rem;
	border: 1px solid #000000;
	border-radius: 0.5rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	color: #000000;
	background-color: #e4b4b4;
	cursor: pointer;
}
@media (max-width: 599px){
	#show_dedede_button{
		padding: 0.2rem 0.7rem 0.4rem 0.7rem;
		font-size: 1.4rem;
		line-height: 2rem;
	}
}
@media (min-width: 600px){
	#show_dedede_button{
		padding: 0.4rem 0.8rem 0.6rem 0.8rem;
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
}
#show_dedede_button:active{
	background-color: #dca8a8;
	transform: translateY(1px);
}

/* Grid */
#show_grid{
	display: grid;
}
@media (min-width: 600px){
	#show_grid{
		padding-top: 13.2rem;
	}
}
@media (min-width: 600px) and (max-width:799px){
	#show_grid{
		grid-template-columns: auto 24rem;
	}
}
@media (min-width: 800px){
	#show_grid{
		margin: 0 auto 0 auto;
		max-width: 94rem;
		grid-template-columns: auto 30rem;
	}
}
@media (max-width: 599px){
	#show_media{
		padding-bottom: 2rem;
	}
	#show_info{
		padding-bottom: 10rem;
	}
}
@media (min-width: 600px) and (max-width:799px){
	#show_media{
		padding: 0.7rem 1rem 1.6rem 0;
	}
	#show_info{
		padding-left: 1.8rem;
		padding-bottom: 12rem;
	}
}
@media (min-width: 800px){
	#show_media{
		padding: 0.7rem 1rem 1.7rem 0;
	}
	#show_info{
		padding-left: 3rem;
		padding-bottom: 14rem;
	}
}
#show_info hr{
	margin: 2rem 0 2rem 0;
	height: 1px;
	border: none;
	background-color: #a0a0a0;
}

/* Image */
#show_image_wrapper{
	position: relative;
}
#show_canvas_wrapper{
	background-image: url(/assets/show_image_loading-a6757e71f7e2f03eb74b19bc3f4d67787169ddeffb47c1a7682b63b2d7c94486.gif);
	background-size: 100% auto;
}
#show_canvas{
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
#show_hidden_image1, #show_hidden_image2, #show_hidden_image3{
	position: absolute;
	top: -24.8rem;
	left: -24.8rem;
	width: 24.8rem;
	visibility: hidden;
}

/* Text (for posts without images) */
#show_text_wrapper{
	position: relative;
	width: 100%;
	height: 100%;
   	overflow: hidden;
}
#show_text_background{
	display: block;
	border: 1px solid #000000;
}
#show_text{
	position: absolute;
	padding: 0.8rem 1.3rem 1.2rem 1.3rem;
	top: 0;
	left: 0;
	font-family: "Noto", Helvetica, Arial, sans-serif;
	color: #ffffff;
   	overflow: hidden;
}
@media (max-width: 349px){
	#show_text{
		font-size: 1.4rem;
		line-height: 2rem;
	}
}
@media (min-width: 350px) and (max-width: 399px){
	#show_text{
		font-size: 1.6rem;
		line-height: 2.3rem;
	}
}
@media (min-width: 400px) and (max-width: 499px){
	#show_text{
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
}
@media (min-width: 500px) and (max-width: 599px){
	#show_text{
		font-size: 1.8rem;
		line-height: 2.5rem;
	}
}
@media (min-width: 600px) and (max-width:639px){
	#show_text{
		font-size: 1.5rem;
		line-height: 2.2rem;
	}
}
@media (min-width: 640px) and (max-width:679px){
	#show_text{
		font-size: 1.6rem;
		line-height: 2.3rem;
	}
}
@media (min-width: 680px) and (max-width:719px){
	#show_text{
		font-size: 1.7rem;
		line-height: 2.4rem;
	}
}
@media (min-width: 720px) and (max-width:759px){
	#show_text{
		font-size: 1.8rem;
		line-height: 2.6rem;
	}
}
@media (min-width: 760px) and (max-width:799px){
	#show_text{
		font-size: 1.9rem;
		line-height: 2.8rem;
	}
}
@media (min-width: 800px){
	#show_text{
		font-size: 2rem;
		line-height: 2.9rem;
	}
}

/* Repost info */
#show_repost_panel_open, #show_repost_panel_closed{
	position: absolute;
	bottom: 0;
	right: 0;
	border: 1px solid #ffffff;
	border-radius: 0.6rem;
	background-color: rgba(255, 255, 255, 0.9);
}
#show_repost_panel_closed{
	display: none;
}
@media (max-width: 599px){
	#show_repost_panel_open, #show_repost_panel_closed{
		margin: 0.6rem;
	}
}
@media (min-width: 600px) and (max-width:799px){
	#show_repost_panel_open, #show_repost_panel_closed{
		margin: 0.7rem;
	}
}
@media (min-width: 800px){
	#show_repost_panel_open, #show_repost_panel_closed{
		margin: 0.8rem;
	}
}
@media (max-width:799px){
	#show_repost_panel_open{
		width: 25rem;
		max-width: 60%;
		font-size: 1.3rem;
		line-height: 2rem;
	}
}
@media (min-width: 800px){
	#show_repost_panel_open{
		width: 26rem;
		font-size: 1.4rem;
		line-height: 2.1rem;
	}
}
/* Min/max icon */
.show_repost_panel_minmax{
	display: inline-block;
	margin: 0.6rem;
	cursor: pointer;
	background-image: url(/assets/repost_panel_minmax-7cffb7833dd4f4f21cf2d0ba19f59c498903fbe8f5628bc9a5c5d54b9a2796be.svg);
}
@media (max-width: 799px){
	.show_repost_panel_minmax{
		width: 1.7rem;
		height: 1.7rem;
		background-size: 1.7rem 3.4rem;
	}
	.show_repost_panel_maximize{
		background-position: 0 1.7rem;
	}
}
@media (min-width: 800px){
	.show_repost_panel_minmax{
		width: 1.8rem;
		height: 1.8rem;
		background-size: 1.8rem 3.6rem;
	}
	.show_repost_panel_maximize{
		background-position: 0 1.8rem;
	}
}
/* Delete button */
.show_delete_repost_button{
	position: absolute;
	top: 0.4rem;
	right: 0.8rem;
	font-size: 1.2rem;
	line-height: 2rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.show_delete_repost_button a{
	color: #606060;
}
/* Reporting */
.show_report_repost_button{
	position: absolute;
}
@media (max-width: 599px){
	.show_report_repost_button{
		top: 0.5rem;
		right: 0.5rem;
	}
}
@media (min-width: 600px) and (max-width:799px){
	.show_report_repost_button{
		top: 0.6rem;
		right: 0.6rem;
	}
}
@media (min-width: 800px){
	.show_report_repost_button{
		top: 0.7rem;
		right: 0.7rem;
	}
}
/* Content */
@media (max-width: 799px){
	#show_repost_panel_content{
		padding-left: 1.1rem;
		padding-right: 2.3rem;
	}
}
@media (min-width: 800px){
	#show_repost_panel_content{
		padding-left: 1.2rem;
		padding-right: 2.4rem;
	}
}
/* Title & user */
#show_repost_icon{
	vertical-align: top;
	margin-top: 0.4rem;
}
#show_repost_user, #show_repost_user_short, #show_repost_date{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#show_repost_date{
	color: #606060;
}
@media (max-width: 349px){
	#show_repost_user_short{
		max-width: 84%;
	}
}
@media (min-width: 350px) and (max-width:699px){
	#show_repost_user_short{
		max-width: 85%;
	}
}
@media (min-width: 700px) and (max-width:799px){
	#show_repost_user_short{
		max-width: 86%;
	}
}
@media (min-width: 800px){
	#show_repost_user_short{
		max-width: 87%;
	}
}
@media (max-width:799px){
	#show_repost_user, #show_repost_user_short{
		padding-top: 0.7rem;
		padding-bottom: 0.3rem;
	}
	#show_repost_icon{
		margin-right: 0.5rem;
		height: 1.4rem;
	}
	#show_repost_date{
		font-size: 1.2rem;
		line-height: 1.8rem;
		padding-bottom: 0.8rem;
	}
}
@media (min-width: 800px){
	#show_repost_user, #show_repost_user_short{
		padding-top: 0.8rem;
		padding-bottom: 0.5rem;
	}
	#show_repost_icon{
		margin-right: 0.6rem;
		height: 1.5rem;
	}
	#show_repost_date{
		font-size: 1.3rem;
		line-height: 1.9rem;
		padding-bottom: 1rem;
	}
}
/* Description */
#show_repost_description{
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	overflow-y: auto;
}
@media (max-width: 599px){
	#show_repost_description{
		padding-top: 0.6rem;
		padding-bottom: 0.6rem;
		max-height: 8.5rem;
	}
}
@media (min-width: 600px) and (max-width:699px){
	#show_repost_description{
		padding-top: 0.7rem;
		padding-bottom: 0.7rem;
		max-height: 10.4rem;
	}
}
@media (min-width: 700px) and (max-width:799px){
	#show_repost_description{
		padding-top: 0.8rem;
		padding-bottom: 0.8rem;
		max-height: 12.3rem;
	}
}
@media (min-width: 800px){
	#show_repost_description{
		padding-top: 0.9rem;
		padding-bottom: 0.9rem;
		max-height: 14.9rem;
	}
}
#show_repost_collections{
	border-bottom: 1px solid #a0a0a0;
	overflow-y: auto;
}
@media (max-width: 599px){
	#show_repost_collections{
		padding-top: 0.8rem;
		padding-bottom: 1.1rem;
		max-height: 6.4rem;
	}
}
@media (min-width: 600px) and (max-width:699px){
	#show_repost_collections{
		padding-top: 0.9rem;
		padding-bottom: 1.2rem;
		max-height: 8.3rem;
	}
}
@media (min-width: 700px) and (max-width:799px){
	#show_repost_collections{
		padding-top: 1rem;
		padding-bottom: 1.3rem;
		max-height: 11.4rem;
	}
}
@media (min-width: 800px){
	#show_repost_collections{
		padding-top: 1.1rem;
		padding-bottom: 1.4rem;
		max-height: 14.9rem;
	}
}
.show_repost_collection{
	display: inline-block;
	vertical-align: top;
	margin-top: 0.3rem;
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 699px){
	.show_repost_collection{
		padding: 0.1rem 0.9rem 0.1rem 0.9rem;
		max-width: 80%;
		border-radius: 0.9rem;
		font-size: 1rem;
		line-height: 1.6rem;
	}
}
@media (min-width: 700px) and (max-width:799px){
	.show_repost_collection{
		padding: 0.1rem 1rem 0.2rem 1rem;
		max-width: 70%;
		border-radius: 1rem;
		font-size: 1.1rem;
		line-height: 1.7rem;
	}
}
@media (min-width: 800px){
	.show_repost_collection{
		padding: 0.2rem 1rem 0.3rem 1rem;
		max-width: 18rem;
		border-radius: 1.1rem;
		font-size: 1.1rem;
		line-height: 1.7rem;
	}
}

/* Audio */
#show_audio_player, #show_audio_notice{
	position: absolute;
	border-radius: 0.6rem;
}
#show_audio_player{
	bottom: 0;
	left: 0;
	border: 1px solid #404040;
	background-color: rgba(64, 64, 64, 0.85);
	color: #ffffff;
}
#show_audio_notice{
	background-color: rgba(255, 255, 255, 0.85);
	color: #404040;
}
@media (max-width: 599px){
	#show_audio_player{
		margin: 0.6rem;
		padding: 0.2rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	#show_audio_notice{
		bottom: 0.6rem;
		left: 0.6rem;
		padding: 0.6rem;
		font-size: 1.2rem;
		line-height: 1.8rem;
		max-width: 23.2rem;
	}
}
@media (min-width: 600px) and (max-width:799px){
	#show_audio_player{
		margin: 0.7rem;
		padding: 0.3rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	#show_audio_notice{
		bottom: 0.7rem;
		left: 0.7rem;
		padding: 0.7rem;
		font-size: 1.2rem;
		line-height: 1.8rem;
		max-width: 25.6rem;
	}
}
@media (min-width: 800px){
	#show_audio_player{
		margin: 0.8rem;
		padding: 0.4rem;
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
	#show_audio_notice{
		bottom: 0.8rem;
		left: 0.8rem;
		padding: 0.8rem;
		font-size: 1.3rem;
		line-height: 1.9rem;
		max-width: 31.8rem;
	}
}
#show_audio_play_button, #show_audio_time{
	display: inline-block;
	vertical-align: top;
}
#show_audio_play_button{
	padding: 0.4rem;
	background-image: url(/assets/audio_play_pause-3b69f91e191dafbd2f677e4380ac208227cb6b0a053cddf0b483b4c83233665d.svg);	
	background-repeat: no-repeat;
	cursor: pointer;
}
#show_audio_time{
	padding: 0.3rem 0.4rem 0.5rem 0.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width:799px){
	#show_audio_play_button{
		width: 1.6rem;
		height: 1.6rem;
		background-size: 2.4rem 4.8rem;
	}
	.show_audio_play_icon{
		background-position: 0 0;
	}
	.show_audio_pause_icon{
		background-position: 0 -2.4rem;
	}
	#show_audio_time{
		margin-left: 0.2rem;
		width: 6.3rem;
	}
}
@media (min-width: 800px){
	#show_audio_play_button{
		width: 1.7rem;
		height: 1.7rem;
		background-size: 2.5rem 5rem;
	}
	.show_audio_play_icon{
		background-position: 0 0;
	}
	.show_audio_pause_icon{
		background-position: 0 -2.5rem;
	}
	#show_audio_time{
		margin-left: 0.3rem;
		width: 6.9rem;
	}
}

/* Image switch */
#show_image_switch{
	position: relative;
	margin-top: 0.5rem;
	text-align: center;
}
#show_image_switch_dot1, #show_image_switch_dot2, #show_image_switch_dot3{
	display: inline-block;
	margin-left: 0.3rem;
	margin-right: 0.3rem;	
	border-radius: 50%;
}
@media (max-width: 599px){
	#show_image_switch{
		height: 2.3rem;
	}
	#show_image_switch_dot1, #show_image_switch_dot2, #show_image_switch_dot3{
		margin-top: 0.7rem;
		margin-bottom: 0.7rem;
		width: 0.9rem;
		height: 0.9rem;
	}
}
@media (min-width: 600px){
	#show_image_switch{
		height: 2.7rem;
	}
	#show_image_switch_dot1, #show_image_switch_dot2, #show_image_switch_dot3{
		margin-top: 0.9rem;
		margin-bottom: 0.8rem;
		width: 1rem;
		height: 1rem;
	}
}
.show_image_switch_dot_on{
	background-color: #404040;
}
.show_image_switch_dot_off{
	background-color: #b0b0b0;
}

/* Buttons */
.show_small_gray_button, .show_icon_gray_button, .show_icon_white_button, .show_large_white_button, .show_large_red_button, .show_report_button, .show_report_button_small{
	display: inline-block;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-weight: normal;
	border: none;
	border-radius: 0.5rem;
	cursor: pointer;
}
.show_small_gray_button{
	padding: 0.4rem 1.8rem 0.5rem 1.8rem;
	margin: 0.8rem 0.6rem 0.2rem 0;
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.show_small_gray_button{
	background-color: #686868;
	color: #ffffff;
}
.show_small_gray_button:active{
	background-color: #747474;
	transform: translateY(1px);
}
.show_icon_gray_button, .show_icon_white_button, .show_large_white_button, .show_large_red_button{
	font-size: 1.4rem;
	line-height: 2.2rem;
}
.show_icon_white_button, .show_large_white_button{
	border: 1px solid #000000;
	background-color: #ffffff;
	color: #000000;
}
.show_icon_white_button:active, .show_large_white_button:active{
	background-color: #f4f4f4;
	transform: translateY(1px);
}
.show_icon_white_button{
	padding: 0.3rem 1.3rem 0.5rem 3.5rem;
	background-repeat: no-repeat;
	background-size: 1.8rem auto;
	background-position: 0.8rem 0.8rem;
}
.show_large_white_button{
	padding: 0.3rem 1.3rem 0.5rem 1.3rem;
}
.show_icon_gray_button{
	padding: 0.4rem 1.4rem 0.6rem 3.6rem;
	background-repeat: no-repeat;
	background-size: 1.8rem auto;
	background-position: 0.9rem 0.9rem;
	background-color: #686868;
	color: #ffffff;
}
.show_icon_gray_button:active{
	background-color: #747474;
	transform: translateY(1px);
}
.show_large_red_button{
	padding: 0.4rem 1.4rem 0.6rem 1.4rem;
	background-color: #d26e6e;
	color: #ffffff;
}
.show_large_red_button:active{
	background-color: #dc7c7c;
	transform: translateY(1px);
}
#show_reposts_bar_button{
	margin-top: 0.4rem;
	background-image: url(/assets/icon_repost-73c4d78afebe796401936e7b2caa1c2e9140ab40984fd1db7b11909d65614e42.svg);
}
#show_comments_bar_button{
	margin-bottom: 0.4rem;
	background-image: url(/assets/icon_comment-03627bb55ff5b99315e8061a9807579c63c4123f20a76455a416663c47e24e76.svg);
}
#show_similar_bar_button{
	margin-top: 2rem;
	margin-bottom: 0.4rem;
	background-image: url(/assets/icon_similar-20ceb338e392e4b21b73b7699362dff05a3e747856e9adaf80fe22e78afb15ff.svg);
}
#show_critique_bar_button{
	margin-top: 0.4rem;
	background-image: url(/assets/icon_critique-80b21f74943c016bf3dc41bcfa98f52d3017863b0a52e2cf2b457b5ba51d3ccc.svg);
}
.show_report_button_small, .show_report_button{
	background-image: url(/assets/icon_report-aa3696d26497a19ad9855c2b43ab5a2e844d03e2ea19f805d4b27bb8fd732593.svg);
	background-repeat: no-repeat;
	background-size: 1.5rem auto;
	background-position: 0.6rem 0.4rem;
	background-color: #b8b8b8;
}
.show_report_button_small{
	width: 2.4rem;
	height: 1.9rem;
}
.show_report_button{
	padding: 0.1rem 0.7rem 0.3rem 2.2rem;
	color: #ffffff;
	font-size: 1.1rem;
	line-height: 1.5rem;
}
.show_report_button_small:active, .show_report_button:active{
	background-color: #b0b0b0;
	transform: translateY(1px);
}
.show_report_post_button{
	position: absolute;
	top: 0;
	right: 0;
}
#show_edit_post_button{
	margin: 0.2rem 0 2rem 0;
}
#show_delete_post_button{
	margin: 0.2rem 0 0.2rem 0;
}

/* Post title/author */
#show_title, #show_title_alt{
	font-family: "Noto", Helvetica, Arial, sans-serif;
}
@media (max-width: 599px){
	#show_title, #show_author, #show_avatar{
		display: none;
	}
}
@media (min-width: 600px){
	#show_title_alt, #show_author_alt, #show_avatar_alt{
		display: none;
	}
}
#show_avatar_image{
	width: 3.2rem;
	height: 3.2rem;
	border: 1px solid #000000;
	border-radius: 0.4rem;
}
@media (max-width: 599px){
	#show_title_alt{
		padding-top: 9.2rem;
		padding-bottom: 1.6rem;
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	#show_author_alt{
		margin-bottom: 1.8rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
}
@media (min-width: 600px) and (max-width:799px){
	#show_title{
		margin-top: 0.4rem;
		margin-bottom: 1.7rem;
		font-size: 2.4rem;
		line-height: 3rem;
	}
	#show_author{
		margin-bottom: 1.9rem;
		font-size: 1.5rem;
		line-height: 2.4rem;
	}
}
@media (min-width: 800px){
	#show_title{
		margin-top: 0.4rem;
		margin-bottom: 1.8rem;
		font-size: 2.7rem;
		line-height: 3.4rem;
	}
	#show_author{
		margin-bottom: 2rem;
		font-size: 1.6rem;
		line-height: 2.5rem;
	}
}
/* Created date */
#show_date{
	color: #606060;
}
@media (max-width: 599px){
	#show_date{
		font-size: 1.2rem;
		line-height: 2.2rem;
	}
}
@media (min-width: 600px){
	#show_date{
		font-size: 1.3rem;
		line-height: 2.4rem;
	}
}
/* Collections */
#show_collections{
	padding-top: 0.1rem;
	padding-bottom: 0.1rem;
}
.show_collection{
	display: inline-block;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 599px){
	.show_collection{
		padding: 0 1.3rem 0.1rem 1.3rem;
		height: 2.5rem;
		border-radius: 1.3rem;
		font-size: 1.3rem;
		line-height: 2.5rem;
	}
}
@media (min-width: 600px){
	.show_collection{
		padding: 0 1.4rem 0.2rem 1.4rem;
		height: 2.6rem;
		border-radius: 1.4rem;
		font-size: 1.4rem;
		line-height: 2.6rem;
	}
}
@media (max-width: 599px){
	.show_collection{
		max-width: 27rem;
	}
}
@media (min-width: 600px) and (max-width:799px){
	.show_collection{
		max-width: 19.4rem;
	}
}
@media (min-width: 800px){
	.show_collection{
		max-width: 24.2rem;
	}
}
/* Tags */
.show_tags_wrapper{
	margin-top: 2.1rem;
	margin-left: -0.3rem;
}
.show_tag_button{
	display: inline-block;
	margin-left: 0.3rem;
	margin-bottom: 0.2rem;
	padding: 0.2rem 1rem 0.3rem 1rem;
	border: 1px solid #404040;
	border-radius: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #000000;
	background-color: #e8bcbc;
}
/* Map */
#show_location, #show_country{
	color: #606060;
}
#show_country{
	margin-bottom: 0.2rem;
}
@media (max-width: 599px){
	#show_location, #show_country{
		font-size: 1.2rem;
		line-height: 1.7rem;
	}
}
@media (min-width: 600px){
	#show_location, #show_country{
		font-size: 1.3rem;
		line-height: 1.8rem;
	}
}
#show_map{
	z-index: 10;
	border: 1px solid #a0a0a0;
	background-color: #404040;
}
@media (max-width:599px){
	#show_map{
		margin-bottom: 0.1rem;
		width: 24.4rem;
		height: 24.4rem;
	}
}
@media (min-width: 600px) and (max-width:799px){
	#show_map{
		margin-bottom: 0.2rem;
		width: 22rem;
		height: 22rem;
	}
}
@media (min-width: 800px){
	#show_map{
		margin-bottom: 0.2rem;
		width: 24.4rem;
		height: 24.4rem;
	}
}
#show_map .show_map_marker_icon_image{
	width: 100%;
}
#show_large_map_link{
	margin-bottom: 2.3rem;
	font-size: 1.3rem;
	line-height: 1.8rem;
	text-decoration: underline;
	color: #606060;
	cursor: pointer;
}

/* Side bars */
#show_reposts_bar, #show_comments_bar, #show_similar_bar, #show_critique_bar{
	position: fixed;
	top: 0;
	right: 0;
	width: 30rem;
	height: 100%;
	border-left: 1px solid #000000;
	background-color: #f8f8f8;
	overflow: auto;
}
#show_reposts_bar{
	z-index: 54;
}
#show_comments_bar{
	z-index: 53;
}
#show_similar_bar{
	z-index: 52;
}
#show_critique_bar{
	z-index: 51;
}
#show_bar_cover{
	position: fixed;
	display: none;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #101010;
	opacity: 0.65;
}
.show_bar_on{
	transform: translate(0);
}
.show_bar_off{
	transform: translate(30.1rem);
}
.show_bar_close_button{
	position: absolute;
	padding: 1.2rem;
	width: 4.4rem;
	cursor: pointer;
}
.show_bar_content{
	margin-top: 10rem;
}
/* Bar form */
.show_bar_form_wrapper{
	display: inline-block;
	margin: 2rem 1.2rem 4.5rem 1.2rem;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
	border: 1px solid #989898;
	border-radius: 0.5rem;
}
.show_bar_form_title, .show_bar_form_triangle{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.show_bar_form_title{
	font-family: "Noto", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.8rem;
	text-decoration: underline;
	color: #303030;
}
.show_bar_form_triangle{
	margin: 0.3rem 0 0.1rem 0;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(/assets/triangle_gray-f37957e47a13efce672b02614172dc557f77fa00e4df4ef98f650eebc0101bce.svg);
	background-size: 1.5rem 3rem;	
}
.show_bar_form_triangle_down{
	background-position: 0 0;
}
.show_bar_form_triangle_up{
	background-position: 0 1.5rem;
}
.show_bar_form_box{
	display: none;
	padding-top: 3.4rem;
	font-size: 1.3rem;
	line-height: 1.7rem;
}
textarea.show_bar_form_reposts_textarea, textarea.show_bar_form_comments_textarea{
	height: 23.4rem;
	border: 1px solid #b8b8b8;
}
#show_bar_form_comments_button, #show_bar_form_reposts_button{
	opacity: 0.5;
	cursor: default;
}
#show_bar_form_comments_button[disabled]:active, #show_bar_form_reposts_button[disabled]:active{
	background-color: #686868;
	transform: none;
}
/* Reposts, comments, similar posts, critique */
.show_bar_list_title, .show_bar_list{
	font-size: 1.4rem;
	line-height: 2rem;
}
.show_bar_list_title{
	padding-top: 1.6rem;
	margin-bottom: 1.5rem;
	font-weight: bold;
}
.show_bar_list{
	margin-bottom: 2.1rem;
	border-top: 1px solid #b8b8b8;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
}
.show_bar_repost_box, .show_bar_comment_box, .show_bar_similar_post_box{
	padding-top: 1.8rem;
	border-bottom: 1px solid #b8b8b8;
}
.show_bar_repost_box, .show_bar_comment_box{
	position: relative;
	padding-bottom: 1.4rem;
}
.show_bar_similar_post_box{
	padding-bottom: 1.8rem;
}
.show_bar_repost_user, .show_bar_comment_user, .show_bar_repost_date, .show_bar_comment_date{
	padding-bottom: 0.6rem;
}
.show_bar_repost_user, .show_bar_comment_user{
	font-family: "Noto", Helvetica, Arial, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.show_bar_user_short{
	width: 23.3rem;
}
.show_bar_comment_user_highlight{
	display: inline-block;
	vertical-align: top;
	margin-top: 0.1rem;
	font-size: 0.8rem;
	color: #e4b4b4;
}
.show_bar_repost_date, .show_bar_comment_date{
	color: #606060;
	font-size: 1.2rem;
	line-height: 1.8rem;
}
.show_bar_comment_body, .show_bar_repost_description{
	padding-top: 0.8rem;
	overflow: hidden;
}
.show_bar_comment_body{
	padding-bottom: 0.4rem;
}
.show_bar_repost_description{
	padding-bottom: 1.5rem;
}
.show_bar_comment_body_truncated{
	max-height: 8.8rem;
}
.show_bar_repost_description_truncated{
	max-height: 7.7rem;
}
.show_bar_comment_body_more_wrapper, .show_bar_repost_description_more_wrapper{
	display: none;
	padding-top: 0.8rem;
	border-top: 1px solid #a0a0a0;
	font-family: "Noto", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: bold;
	text-decoration: underline;
	color: #404040;
}
.show_bar_comment_body_more_wrapper{
	padding-bottom: 0.5rem;
}
.show_bar_repost_description_more_wrapper{
	padding-bottom: 1.6rem;
}
.show_bar_comment_body_more, .show_bar_repost_description_more{
	cursor: pointer;
}
.show_bar_repost_collections{
	padding-bottom: 0.7rem;
}
.show_bar_repost_collection{
	display: inline-block;
	margin-top: 0.3rem;
	padding: 0.2rem 1rem 0.3rem 1rem;
	height: 1.7rem;
	border-radius: 1.1rem;
	font-size: 1.1rem;
	line-height: 1.7rem;
	color: #ffffff;
}
.show_bar_similar_post_image, .show_bar_similar_post_info{
	float: left;
}
.show_bar_similar_post_image{
	width: 9.5rem;
}
.show_bar_similar_post_info{
	padding-left: 0.9rem;
	width: 17.2rem;
}
.show_bar_similar_post_collection_dots{
	margin-bottom: 0.5rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	line-height: 0.7rem;
}
.show_bar_similar_post_collection_dot{
	display: inline-block;
	vertical-align: top;
	margin-right: 0.3rem;
	height: 0.7rem;
	width: 1.4rem;
	border-radius: 0.7rem;
}
.show_bar_similar_post_collections_ellipsis{
	display: inline-block;
	vertical-align: top;
	margin-top: -0.1rem;
	margin-left: -0.2rem;
	font-family: "Noto", Helvetica, Arial, sans-serif;
	font-size: 0.8rem;
	line-height: 0.8rem;
}
.show_bar_similar_post_title, .show_bar_similar_post_author{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.show_bar_similar_post_title{
	padding-bottom: 0.7rem;
	font-family: "Noto", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.show_bar_similar_post_author{
	font-size: 1.3rem;
	line-height: 1.8rem;
}
#show_bar_critique_text{
	padding-top: 1.8rem;
	padding-bottom: 3.6rem;
}
.show_bar_critique_note{
	color: #606060;
}
#show_bar_similar_posts_message, #show_bar_critique_message{
	margin-bottom: 2.1rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.3rem;
	line-height: 1.7rem;
}
#show_bar_analyze_button, #show_bar_generate_button{
	display: inline-block;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-weight: normal;
	border: none;
	border-radius: 0.5rem;
	cursor: pointer;
	margin-top: 0.8rem;	
	padding: 0.2rem 0.8rem 0.3rem 0.8rem;
	font-size: 1.1rem;
	line-height: 1.5rem;
	background-color: #686868;
	color: #ffffff;
}
#show_bar_analyze_button a, #show_bar_generate_button a{
	color: #ffffff;
}
#show_bar_analyze_button:active, #show_bar_generate_button:active{
	background-color: #747474;
	transform: translateY(1px);
}
.show_bar_report_repost_button, .show_bar_report_comment_button{
	position: absolute;
	top: 0.8rem;
	right: 1.2rem;
}
.show_bar_delete_comment_button, .show_bar_delete_repost_button{
	position: absolute;
	top: 0.6rem;
	right: 1.2rem;
	font-size: 1.2rem;
	line-height: 2rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.show_bar_delete_comment_button a, .show_bar_delete_repost_button a{
	color: #606060;
}
.show_bar_list_more_button{
	display: inline-block;
	margin: 0 1.2rem 2.1rem 1.2rem;
	padding: 0.1rem 1.1rem 0.3rem 1.1rem;
	border: 1px solid #a0a0a0;
	border-radius: 1.3rem;
	font-family: "Noto2", Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	line-height: 2rem;
	color: #202020;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */