@import '@alifd/next/variables.scss';
.MultiLayoutView-hor {
	display: flex;
	flex-direction: column;
	height: 100%;
	> .#{$css-prefix}tabs-bar {
		margin: 0px 16px 0 8px;
	}
	> .#{$css-prefix}tabs-content {
		overflow-y: auto;
		flex: 1;
		>.#{$css-prefix}tabs-tabpane {
			height: 100%;
			overflow-x: auto;
		}
	}
}
.MultiLayoutView-ver {
	.edit-word-nowrap {
		width: 100%;
		word-break: break-word;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block;
	}
	.editor-render-ver {
		position: relative;
		.editor-render-ver-active-bar {
			position: absolute;
			width: 4px;
			height: 100%;
			top: 0;
			left: 0;
			background: $color-brand1-6;
		}
		.editor-render-ver-btn {
			min-height: 65px;
			height: auto;
			width: 100%;
			border: none;
			border-radius: 0;
			box-shadow: inset 0px -1px 0px 0px $color-line1-2;
			&.#{$css-prefix}btn-primary {
				color: $color-brand1-6;
				background-color: $color-fill1-5;
			}
			&.#{$css-prefix}btn-primary:hover {
				color: $color-brand1-6;
				background-color: $color-fill1-5;
			}
			> span {
				width: 100%;
				word-break: break-all;
				white-space: pre-wrap;
				// @extend .edit-word-nowrap;
			}
		}
	}
	height: 100%;
	> .#{$css-prefix}tabs-bar {
		height: 100%;
		width: 105px;
		background-color: #ffffff;
		> .#{$css-prefix}tabs-nav-container {
			overflow-y: auto;
			height: 100%;
			background-color: #ffffff;
			border-radius: 0;
			.#{$css-prefix}tabs-nav-wrap {
				.#{$css-prefix}tabs-nav-scroll {
					.#{$css-prefix}tabs-nav {
						transform: unset !important;
						.#{$css-prefix}tabs-tab {
							background: none;
							margin-bottom: 0;
						}
					}
				}
			}
		}
	}
	>.#{$css-prefix}tabs-content {
		height: 100%;
		overflow-y: auto;
		>.#{$css-prefix}tabs-tabpane {
			height: 100%;
			overflow-x: auto;
		}
	}
	&.#{$css-prefix}tabs-pure > .#{$css-prefix}tabs-bar .#{$css-prefix}tabs-nav-extra {
		right: 16px;
	}
	.tab-extra-render {
		border-top: 1px solid $color-line1-2;
		width: '100%';
	}
}