#write {
	
	position: relative;
	height:100%;
	
	/* Write - Editor */
	
	#editor_container {
		height: calc(100% - 2em);
		overflow: hidden;
		position: relative;
		
		#editor_content {
			
			height:auto;
			position: relative;
			
			.ql-container {
				padding: 0;
			}
		
			.ql-editor, #context {
				@extend .thought;
			}
		
			#context {
				.entry_date {
					text-align: right;
				}
			
				.entry_sep {
					font-size: 1.5em;
					text-align: center;
					letter-spacing: 0.3em;
					padding: 1em;
				}
			}
		}
	}

	/* Write - Navbar */
	
	#nav {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		
		.nav-elem {
			color: $gray-500;
			display: inline-block;
			cursor: pointer;
			width: 1.25em;
			font-size: 1.25em;
			
			&:hover {
				color: $gray-700;
			}
			
			&.prev, &.curr, &.next {
				visibility: hidden;
			}

			&.next {
				float: right;
			}
		}
	}

	/* Write - Feedback */
	
	#write_feedback {
		position:absolute;
		top: -2.5rem;
		right: -1rem;
		font-size: 0.8em;
		
		.notice {
			color: $gray-400;
		}
	}
}