/* Specificity is kept low on purpose: migrated styling (per-block rules) must be able to override it. */
.ne-tabs{--ne-tabs-line:#d5d8dc}
.ne-tabs__nav{display:none;position:relative}
.ne-tabs__tab,.ne-tabs__mtitle{box-sizing:border-box;margin:0;font:inherit;color:inherit;background:none;cursor:pointer;text-align:start;-webkit-appearance:none;appearance:none;border-radius:0}
.ne-tabs__tab{flex:none;padding:20px 25px;font-weight:700;line-height:1;border:1px solid transparent}
.ne-tabs__tab:not(.is-active){border-bottom-color:var(--ne-tabs-line)}
.ne-tabs__tab.is-active{border-color:var(--ne-tabs-line);border-bottom-color:transparent}
.ne-tabs__mtitle{display:none;width:100%;padding:10px;font-weight:600;line-height:1.5;border:1px solid var(--ne-tabs-line);border-bottom-width:0}
.ne-tabs__panels{border:0 none;border-color:var(--ne-tabs-line)}
.ne-tabs__panel{box-sizing:border-box;padding:20px;border:1px solid var(--ne-tabs-line);border-style:none solid solid solid}
.ne-tabs__nav::after{content:"";flex:1 1 auto;border-bottom:1px solid var(--ne-tabs-line)}

/* Behaviour. */
.ne-tabs.is-enhanced .ne-tabs__panel:not(.is-active){display:none}
.ne-tabs:not(.is-enhanced) .ne-tabs__mtitle{display:block;cursor:default}
.ne-tabs:not(.is-enhanced) .ne-tabs__panels{border-bottom:1px solid var(--ne-tabs-line)}
.ne-tabs:not(.is-enhanced) .ne-tabs__panel{border-style:solid solid none solid}

@media (min-width:768px){
	.ne-tabs.is-enhanced .ne-tabs__nav{display:flex}
	.ne-tabs--nav-center .ne-tabs__nav{justify-content:center}
	.ne-tabs--nav-end .ne-tabs__nav{justify-content:flex-end}
	.ne-tabs--nav-center .ne-tabs__nav::after,.ne-tabs--nav-end .ne-tabs__nav::after,.ne-tabs--nav-stretch .ne-tabs__nav::after{flex:0 0 0;border-bottom-width:0}
	.ne-tabs--nav-stretch .ne-tabs__tab{flex:1 1 0}
	.ne-tabs.is-enhanced .ne-tabs__mtitle{display:none}
	.ne-tabs:not(.is-enhanced) .ne-tabs__nav{display:none}

	/* Vertical */
	.ne-tabs--v.is-enhanced{display:flex;align-items:stretch}
	.ne-tabs--v .ne-tabs__nav{flex:0 0 var(--ne-tabs-nav,25%);width:var(--ne-tabs-nav,25%);flex-direction:column;overflow:hidden}
	.ne-tabs--v .ne-tabs__panels{flex:1 1 0;min-width:0;border-style:solid solid solid none;border-width:1px}
	.ne-tabs--v .ne-tabs__panel{border-style:none}
	.ne-tabs--v .ne-tabs__tab:not(.is-active){border-bottom-color:transparent;border-right-color:var(--ne-tabs-line)}
	.ne-tabs--v .ne-tabs__tab.is-active{border-color:var(--ne-tabs-line);border-right-color:transparent}
	.ne-tabs--v .ne-tabs__nav::after{border-bottom-width:0;border-right:1px solid var(--ne-tabs-line)}
	.ne-tabs--v.ne-tabs--nav-center .ne-tabs__nav{justify-content:center}
	.ne-tabs--v.ne-tabs--nav-end .ne-tabs__nav{justify-content:flex-end}
	.ne-tabs--v.ne-tabs--nav-stretch .ne-tabs__nav{justify-content:stretch}
	.ne-tabs--v.ne-tabs--nav-stretch .ne-tabs__tab{flex:1 1 auto}
	.ne-tabs--v.ne-tabs--nav-center .ne-tabs__nav::after,.ne-tabs--v.ne-tabs--nav-end .ne-tabs__nav::after,.ne-tabs--v.ne-tabs--nav-stretch .ne-tabs__nav::after{flex:0 0 0;border-right-width:0}
}

/* Narrow screens: every panel has its own title, one open at a time. */
@media (max-width:767px){
	.ne-tabs.is-enhanced .ne-tabs__mtitle{display:block}
	.ne-tabs__panels{border-bottom:1px solid var(--ne-tabs-line)}
	.ne-tabs__panel{border-style:solid solid none solid;padding:10px}
}
