.preview-toolbar-container {
	left: 50%; height: 52px; bottom: 16px; display: block; position: absolute; z-index: 1000; transform: translateX(-50%); -webkit-transform: translateX(-50%);
}
.preview-toolbar-container--elevated {
	bottom: 32px;
}
.responsive-enabled .preview-toolbar-container {
	left: 85%; bottom: 32px;
}
@media only screen and (min-width:736px)
{
.responsive-enabled .preview-toolbar-container {
	left: 50%; bottom: 16px;
}
}
.responsive-enabled .preview-toolbar-container--elevated {
	bottom: 32px;
}
.preview-toolbar-container .preview-toolbar-overlay-container {
	transition:opacity 0.4s; position: relative; opacity: 1; -webkit-transition: opacity .4s ease 0s;
}
.preview-toolbar-container .hide.preview-toolbar-overlay-container {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; width: 0px; height: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); opacity: 0;
}
.preview-toolbar-container .fadeout.preview-toolbar-overlay-container {
	opacity: 0;
}
.preview-toolbar-container .fadein-start.preview-toolbar-overlay-container {
	opacity: 0;
}
.preview-toolbar-container .disabled {
	opacity: 0.4;
}
.preview-toolbar-container .preview-toolbar-overlay {
	padding: 12px; border-radius: 4px; height: 26px; color: white; display: flex; position: relative; align-items: center; background-color: rgb(61, 70, 77); -webkit-box-align: center;
}
.responsive-enabled .preview-toolbar-container .preview-toolbar-overlay {
	padding: 6px 12px; font-size: 12px;
}
@media only screen and (min-width:736px)
{
.responsive-enabled .preview-toolbar-container .preview-toolbar-overlay {
	padding: 12px; font-size: inherit;
}
}
.preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content {
	display: flex; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: center;
}
.preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content > div {
	flex:1 0 auto; margin-right: 16px; margin-left: 16px; vertical-align: middle; white-space: nowrap; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-box-flex: 1;
}
.preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content > div > img {
	vertical-align: middle;
}
.preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content > div.zoom-label {
	width: 36px; text-align: center; margin-right: 0px; margin-left: 0px;
}
.preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content div:first-of-type .toolbar-button-entry {
	margin-left: 0px;
}
.preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content div:last-of-type .toolbar-button-entry {
	margin-right: 0px;
}
.preview-toolbar-container .page-indicator {
	padding: 0px 4px 0px 0px; line-height: 0.8em; font-weight: 500; border-bottom-color: rgb(106, 124, 143); border-bottom-width: 1px; border-bottom-style: solid;
}
.preview-toolbar-container .focus.page-indicator {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.preview-toolbar-container .page-indicator:hover {
	border-bottom-color: rgb(106, 124, 143); border-bottom-width: 2px; border-bottom-style: solid;
}
.preview-toolbar-container .focus.page-indicator:hover {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.preview-toolbar-container .page-indicator .page-input {
	padding: 0px 2px 2px 4px; border: currentColor; border-image: none; width: 28px; text-align: center; color: white; font-size: 14px; font-weight: 500; background-color: transparent;
}
.preview-toolbar-container .page-indicator .page-input:focus {
	border-radius: 3px; border: 2px solid rgb(106, 124, 143); border-image: none; height: 24px; text-align: left; font-size: 12px; font-weight: normal; min-width: 40px;
}
.preview-toolbar-container .page-indicator .with-text.page-input:focus {
	border: 0px currentColor; border-image: none; text-align: center; font-size: 14px; font-weight: 500; min-width: 18px;
}
.preview-toolbar-container .page-indicator div.toolbar-tooltip {
	font-weight: normal; margin-right: 16px; margin-left: 16px;
}
.preview-toolbar-container .toolbar-button-entry {
	position: relative; cursor: pointer;
}
.preview-toolbar-container .toolbar-button-entry:hover .toolbar-tooltip {
	left: 0px; top: 0px; visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1);
}
.preview-toolbar-container .toolbar-button-entry:hover .toolbar-tooltip-container {
	visibility: visible;
}
.preview-toolbar-container .toolbar-button-entry:hover img {
	opacity: 1;
}
.preview-toolbar-container .toolbar-button-entry img {
	transition:opacity 0.2s; opacity: 0.8; -webkit-transition: .2s opacity ease 0s;
}
.preview-toolbar-container .toolbar-button-entry img.disabled {
	opacity: 0.4;
}
.preview-toolbar-container .disabled.toolbar-button-entry {
	opacity: 0.4;
}
.preview-toolbar-container .disabled.toolbar-button-entry img.disabled {
	opacity: 1;
}
.preview-toolbar-container .toolbar-button-entry button {
	cursor: pointer; background-color: transparent;
}
.preview-toolbar-container .toolbar-tooltip-container {
	left: 50%; bottom: 100%; position: absolute;
}
.preview-toolbar-container .toolbar-tooltip {
	transform-origin: center bottom; transition:transform 0.2s, opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s; visibility: hidden; opacity: 0; transform: scale(0.95); -webkit-transform: scale(0.95); -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .2s; -webkit-transform-origin: center bottom;
}
.preview-toolbar-container .toolbar-tooltip-body {
	background: rgb(61, 70, 77); padding: 10px; border-radius: 4px; left: -50%; bottom: 25px; white-space: nowrap; position: relative;
}
.preview-toolbar-container .toolbar-tooltip-pointer {
	left: -50%; width: 0px; height: 0px; bottom: 20px; border-top-color: rgb(61, 70, 77); border-right-color: transparent; border-left-color: transparent; border-top-width: 6px; border-right-width: 6px; border-left-width: 6px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: relative;
}
.preview-toolbar-container .toolbar-tooltip-pointer-border {
	left: -50%; width: 0px; height: 0px; bottom: 19px; border-top-color: rgba(229, 229, 229, 0.5); border-right-color: transparent; border-left-color: transparent; border-top-width: 7px; border-right-width: 8px; border-left-width: 8px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: relative;
}
.preview-toolbar-container button {
	background-color: transparent;
}
.preview-toolbar-container .zoom-buttons {
	margin-left: 0px; display: flex; align-items: center; -webkit-box-align: center;
}
.preview-toolbar-container .flip-buttons {
	margin-left: 0px; display: flex; align-items: center; -webkit-box-align: center;
}
.preview-toolbar-container .zoom-buttons img {
	vertical-align: middle; cursor: pointer;
}
.preview-toolbar-container .flip-buttons img {
	vertical-align: middle; cursor: pointer;
}
.preview-toolbar-container .zoom-buttons > div {
	padding-right: 6px; padding-left: 6px; white-space: nowrap;
}
.preview-toolbar-container .flip-buttons > div {
	padding-right: 6px; padding-left: 6px; white-space: nowrap;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content {
	display: flex; align-items: center; -webkit-box-align: center;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content img {
	vertical-align: middle; cursor: pointer;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .image-toolbar__item {
	margin-right: 15px; margin-left: 15px;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content :first-child.image-toolbar__item {
	margin-left: 0px;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content :last-child.image-toolbar__item {
	margin-right: 0px;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .fullscreen.image-toolbar__item {
	margin-left: 15px;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .zoom-buttons {
	display: flex; align-items: center; -webkit-box-align: center;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons {
	display: flex; align-items: center; -webkit-box-align: center;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .zoom-buttons .zoom-label {
	text-align: center; color: rgb(255, 255, 255); cursor: pointer; min-width: 34px;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons .zoom-label {
	text-align: center; color: rgb(255, 255, 255); cursor: pointer; min-width: 34px;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .item-w-label {
	cursor: pointer;
}
.has-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .item-w-label .item-w-label__label {
	margin-left: 10px; vertical-align: middle;
}
.preview-toolbar-container .region-creation-toolbar-content {
	width: 100%; display: flex; min-width: 350px; align-items: center; -webkit-box-align: center;
}
.preview-toolbar-container .region-creation-toolbar-content .region-creation-hint {
	flex:1 0 auto; text-align: center; -webkit-box-flex: 1;
}
.preview-toolbar-container .region-creation-toolbar-content .done-button {
	padding: 7px 15px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; margin-left: 12px; cursor: pointer;
}
.html-preview .preview-toolbar-overlay-container {
	bottom: 60px;
}
#html-container .preview-toolbar-overlay-container {
	bottom: 60px;
}