/*
	Partner boxes written in style guide markup that also sit on pages which are NOT converted
	yet. Those pages load all.min.css and dist-freez/styles.css - a different generation that
	does not know these components. Without this file the old .button of all.min.css wins and
	paints a blue gradient over the style guide button.

	GENERATED from the delivered dist/styles.css. Do not hand-edit: regenerate instead, with
	the class list taken from the two views that carry the markup,
	Areas/Markets/Views/Shared/TwentyOneSharesPerformance.cshtml and
	Views/Shared/GlobalXEtfIntegration.cshtml.

	Two things decide whether this works, and the first attempt got both wrong:

	1. A MODIFIER IS NOTHING WITHOUT ITS BASE RULE. .button--custom-dark only sets custom
	   properties; the declarations that consume them (background: var(--sg-button-background)
	   and friends) live in the base .button rule. Ship the modifier alone and the variables
	   are set but never read - all.min.css paints the button instead.

	2. ORDER IS THE CASCADE. Scoped base and modifier end up at the same specificity, so the
	   modifier only wins because it comes later. The rules below keep the order of the
	   source bundle; do not sort them.

	The custom properties at the top are the ones the old pages do not already define. The
	remaining theme hooks (--sg-button-custom-dark-*) are deliberately left out: every use of
	them in the bundle carries a fallback.
*/

.integration-styleguide {
	--sg-color-gray: #6c757d;
	--sg-color-gray-800: #343a40;
	--sg-color-text: #02172d;
	--sg-headline-font-color: #02172d;
	--sg-headline-h1-font-height: 1.44;
	--sg-headline-h1-font-size: 2.5714285714rem;
	--sg-headline-h1-font-weight: 900;
	--sg-headline-h1-mobile-font-height: 1.44;
	--sg-headline-h1-mobile-font-size: 2.5714285714rem;
	--sg-headline-h1-mobile-font-weight: 900;
	--sg-headline-h2-font-height: normal;
	--sg-headline-h2-font-size: 2.2857142857rem;
	--sg-headline-h2-font-weight: 900;
	--sg-headline-h2-mobile-font-height: normal;
	--sg-headline-h2-mobile-font-size: 2.2857142857rem;
	--sg-headline-h2-mobile-font-weight: 900;
	--sg-headline-h3-font-height: normal;
	--sg-headline-h3-font-size: 1.7142857143rem;
	--sg-headline-h3-font-weight: 900;
	--sg-headline-h3-mobile-font-height: normal;
	--sg-headline-h3-mobile-font-size: 1.7142857143rem;
	--sg-headline-h3-mobile-font-weight: 900;
	--sg-headline-h4-font-height: 1.4;
	--sg-headline-h4-font-size: 1.4285714286rem;
	--sg-headline-h4-font-weight: 900;
	--sg-headline-h4-mobile-font-height: 1.4;
	--sg-headline-h4-mobile-font-size: 1.4285714286rem;
	--sg-headline-h4-mobile-font-weight: 900;
	--sg-headline-h5-font-height: normal;
	--sg-headline-h5-font-size: 1.1428571429rem;
	--sg-headline-h5-font-weight: 900;
	--sg-headline-h5-mobile-font-height: normal;
	--sg-headline-h5-mobile-font-size: 1.1428571429rem;
	--sg-headline-h5-mobile-font-weight: 900;
	--sg-headline-h6-font-height: normal;
	--sg-headline-h6-font-size: 1.1428571429rem;
	--sg-headline-h6-font-weight: 900;
	--sg-headline-h6-mobile-font-height: normal;
	--sg-headline-h6-mobile-font-size: 1.1428571429rem;
	--sg-headline-h6-mobile-font-weight: 900;
	--sg-tab-background: #fff;
	--sg-tab-item-border-bottom-active: 4px solid #093967;
	--sg-tab-item-border-bottom-default: 4px solid #dee2e6;
	--sg-tab-item-border-bottom-hover: 4px solid #093967;
	--sg-tab-item-color-active: #093967;
	--sg-tab-item-color-default: #757575;
	--sg-tab-item-color-hover: #093967;
	--sg-tab-item-padding: 0.5em 1em 0.75em 1em;
	--sg-tab-list-border-bottom-color: #dee2e6;
	--sg-tab-list-border-bottom-height: 4px;
	--sg-tab-scroll-overlay-left: linear-gradient(90deg,#fff,#fff3 40%,#0000);
	--sg-tab-scroll-overlay-right: linear-gradient(270deg,#fff,#fff3 40%,#0000);
	--sg-tab-scroll-overlay-size: min(10em,20vw);
}

.integration-styleguide .icon {
	display:inline-block;
	font-family:icon;
	font-feature-settings:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:400!important;
	line-height:1;
	text-transform:none;
	vertical-align:middle;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.integration-styleguide .icon:before {
	content:"";
}

.integration-styleguide .icon--arrow-double-right:before {
	content:"";
}

.integration-styleguide .icon--scale-0625 {
	font-size:.625em;
}

.integration-styleguide .table__td .icon {
	vertical-align:initial;
}

.integration-styleguide .button {
	align-items:center;
	background:var(--sg-button-background);
	border-color:var(--sg-button-border-color);
	border-radius:var(--sg-button-border-radius,.25em);
	border-style:var(--sg-button-border-style);
	border-width:var(--sg-button-border-width);
	box-shadow:var(--sg-button-box-shadow);
	color:var(--sg-button-color);
	cursor:pointer;
	display:inline-flex;
	font:var(--sg-button-font-style,normal) var(--sg-button-font-variant,normal) var(--sg-button-font-weight,600) var(--sg-button-font-size,1rem)/var(--sg-button-line-height,normal) var(--sg-button-font-family,"OpenSans",Arial,Helvetica,sans-serif);
	height:var(--sg-button-height,2em);
	justify-content:center;
	letter-spacing:var(--sg-button-letter-spacing,normal);
	max-width:100%;
	min-width:var(--sg-button-height,2em);
	outline:none;
	padding:var(--sg-button-padding-top,0) var(--sg-button-padding-right,1em) var(--sg-button-padding-bottom,0) var(--sg-button-padding-left,1em);
	position:relative;
	text-overflow:ellipsis;
	transition:all 50ms ease-in-out 0s;
	-webkit-user-select:none;
	user-select:none;
	vertical-align:middle;
	width:var(--sg-button-width,auto);
	--sg-button-variant-border-width:1px;
	--sg-button-background:var(--sg-button-basic-default-background,#fff);
	--sg-button-border-width:var(--sg-button-basic-default-border-width,1px);
	--sg-button-border-style:var(--sg-button-basic-default-border-style,solid);
	--sg-button-border-color:var(--sg-button-basic-default-border,#000);
	--sg-button-box-shadow:var(--sg-button-basic-default-shadow,none);
}

.integration-styleguide .button, .integration-styleguide .button:link, .integration-styleguide .button:visited {
	--sg-button-color:var(--sg-button-basic-default-color,#000);
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .button:not(:disabled):not(.button--disable):hover {
	--sg-button-background:var(--sg-button-basic-hover-background,#dee2e6);
	--sg-button-border-color:var(--sg-button-basic-hover-border,#000);
	--sg-button-color:var(--sg-button-basic-hover-color,#000);
	--sg-button-box-shadow:var(--sg-button-basic-hover-shadow,none);
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .button:not(:disabled):not(.button--disable):focus-visible {
	--sg-button-background:var(--sg-button-basic-focus-background,#dee2e6);
	--sg-button-border-color:var(--sg-button-basic-focus-border,#000);
	--sg-button-color:var(--sg-button-basic-focus-color,#000);
	--sg-button-box-shadow:var(--sg-button-basic-focus-shadow,0 0 0.25em 0.05rem #adb5bd);
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .button:not(:disabled):not(.button--disable):active {
	--sg-button-background:var(--sg-button-basic-press-background,#adb5bd);
	--sg-button-border-color:var(--sg-button-basic-press-border,#000);
	--sg-button-color:var(--sg-button-basic-press-color,#000);
	--sg-button-box-shadow:var(--sg-button-basic-press-shadow,none);
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .button--custom-dark {
	--sg-button-custom:var(--sg-color-gray-800);
	--sg-button-variant-border-width:1px;
	--sg-button-background:var(--sg-button-custom-dark-default-background,var(--sg-button-custom));
	--sg-button-border-width:var(--sg-button-custom-dark-default-border-width,1px);
	--sg-button-border-style:var(--sg-button-custom-dark-default-border-style,solid);
	--sg-button-border-color:var(--sg-button-custom-dark-default-border,var(--sg-button-custom));
	--sg-button-box-shadow:var(--sg-button-custom-dark-default-shadow,none);
}

.integration-styleguide .button--custom-dark, .integration-styleguide .button--custom-dark:link, .integration-styleguide .button--custom-dark:visited {
	--sg-button-color:var(--sg-button-custom-dark-default-color,#fff);
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .button--custom-dark:not(:disabled):not(.button--disable):hover {
	--sg-button-background:var(--sg-button-custom-dark-hover-background,color-mix(in srgb,var(--sg-button-custom) 80%,#fff));
	--sg-button-border-color:var(--sg-button-custom-dark-hover-border,color-mix(in srgb,var(--sg-button-custom) 80%,#fff));
	--sg-button-color:var(--sg-button-custom-dark-hover-color,#fff);
	--sg-button-box-shadow:var(--sg-button-custom-dark-hover-shadow,none);
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .button--custom-dark:not(:disabled):not(.button--disable):focus-visible {
	--sg-button-background:var(--sg-button-custom-dark-focus-background,color-mix(in srgb,var(--sg-button-custom) 80%,#fff));
	--sg-button-border-color:var(--sg-button-custom-dark-focus-border,color-mix(in srgb,var(--sg-button-custom) 80%,#fff));
	--sg-button-color:var(--sg-button-custom-dark-focus-color,#fff);
	--sg-button-box-shadow:var(--sg-button-custom-dark-focus-shadow,0 0 0.25em 0.05rem color-mix(in srgb,var(--sg-button-custom) 80%,#fff));
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .button--custom-dark:not(:disabled):not(.button--disable):active {
	--sg-button-background:var(--sg-button-custom-dark-press-background,color-mix(in srgb,var(--sg-button-custom) 60%,#fff));
	--sg-button-border-color:var(--sg-button-custom-dark-press-border,color-mix(in srgb,var(--sg-button-custom) 60%,#fff));
	--sg-button-color:var(--sg-button-custom-dark-press-color,#fff);
	--sg-button-box-shadow:var(--sg-button-custom-dark-press-shadow,none);
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .button--disable, .integration-styleguide .button[disabled] {
	cursor:default;
	opacity:var(--sg-button-disable-opacity,.5);
	pointer-events:none;
}

.integration-styleguide .button :is([class*=flag],[class*=icon]) {
	align-items:center;
	display:inline-flex;
	font-size:var(--sg-button-icon-font-size,var(--sg-button-font-size,1em));
	justify-content:center;
	line-height:var(--sg-button-line-height,normal);
}

.integration-styleguide .headline {
	align-items:baseline;
	display:flex;
	gap:1rem;
	justify-content:flex-start;
	margin:var(--sg-headline-margin,0);
	padding:var(--sg-headline-padding,0);
}

.integration-styleguide .headline:is(.headline--h1,.headline--h2,.headline--h3,.headline--h4,.headline--h5,.headline--h6), .integration-styleguide .headline:where(h1,h2,h3,h4,h5,h6) {
	gap:.25em;
}

.integration-styleguide .headline:is(.headline--h1,.headline--h2,.headline--h3,.headline--h4,.headline--h5,.headline--h6), .integration-styleguide .headline:where(h1,h2,h3,h4,h5,h6), .integration-styleguide .headline>:is(.headline__h1,.headline__h2,.headline__h3,.headline__h4,.headline__h5,.headline__h6), .integration-styleguide .headline>:where(h1,h2,h3,h4,h5,h6) {
	color:var(--sg-headline-font-color,#000);
	cursor:var(--sg-headline-cursor,inherit);
	font-family:var(--sg-headline-font-family,"OpenSans",Arial,Helvetica,sans-serif);
	font-style:var(--sg-headline-font-style,font);
	letter-spacing:var(--sg-headline-font-spacing,normal);
}

.integration-styleguide .headline--h1, .integration-styleguide .headline:where(h1), .integration-styleguide .headline>.headline__h1, .integration-styleguide .headline>:where(h1) {
	color:var(--sg-headline-h1-font-color,inherit);
	font-size:var(--sg-headline-h1-font-size,3.5rem);
	font-style:var(--sg-headline-h1-font-style,normal);
	font-weight:var(--sg-headline-h1-font-weight,400);
	line-height:var(--sg-headline-h1-font-height,normal);
	margin:var(--sg-headline-h1-margin,0);
	-webkit-text-decoration:var(--sg-headline-h1-font-decoration,none);
	text-decoration:var(--sg-headline-h1-font-decoration,none);
	text-transform:var(--sg-headline-h1-font-transform,none);
}

@media(max-width:767px) {

	.integration-styleguide .headline--h1, .integration-styleguide .headline:where(h1), .integration-styleguide .headline>.headline__h1, .integration-styleguide .headline>:where(h1) {
		font-size:var(--sg-headline-h1-mobile-font-size,3.5rem);
		font-weight:var(--sg-headline-h1-mobile-font-weight,400);
		line-height:var(--sg-headline-h1-mobile-font-height,normal);
		margin:var(--sg-headline-h1-mobile-margin,0);
	}
}

.integration-styleguide .headline--h2, .integration-styleguide .headline:where(h2), .integration-styleguide .headline>.headline__h2, .integration-styleguide .headline>:where(h2) {
	color:var(--sg-headline-h2-font-color,inherit);
	font-size:var(--sg-headline-h2-font-size,3rem);
	font-style:var(--sg-headline-h2-font-style,normal);
	font-weight:var(--sg-headline-h2-font-weight,400);
	line-height:var(--sg-headline-h2-font-height,normal);
	margin:var(--sg-headline-h2-margin,0);
	-webkit-text-decoration:var(--sg-headline-h2-font-decoration,none);
	text-decoration:var(--sg-headline-h2-font-decoration,none);
	text-transform:var(--sg-headline-h2-font-transform,none);
}

@media(max-width:767px) {

	.integration-styleguide .headline--h2, .integration-styleguide .headline:where(h2), .integration-styleguide .headline>.headline__h2, .integration-styleguide .headline>:where(h2) {
		font-size:var(--sg-headline-h2-mobile-font-size,3rem);
		font-weight:var(--sg-headline-h2-mobile-font-weight,400);
		line-height:var(--sg-headline-h2-mobile-font-height,normal);
		margin:var(--sg-headline-h2-mobile-margin,0);
	}
}

.integration-styleguide .headline--h3, .integration-styleguide .headline:where(h3), .integration-styleguide .headline>.headline__h3, .integration-styleguide .headline>:where(h3) {
	color:var(--sg-headline-h3-font-color,inherit);
	font-size:var(--sg-headline-h3-font-size,2.5rem);
	font-style:var(--sg-headline-h3-font-style,normal);
	font-weight:var(--sg-headline-h3-font-weight,400);
	line-height:var(--sg-headline-h3-font-height,normal);
	margin:var(--sg-headline-h3-margin,0);
	-webkit-text-decoration:var(--sg-headline-h3-font-decoration,none);
	text-decoration:var(--sg-headline-h3-font-decoration,none);
	text-transform:var(--sg-headline-h3-font-transform,none);
}

@media(max-width:767px) {

	.integration-styleguide .headline--h3, .integration-styleguide .headline:where(h3), .integration-styleguide .headline>.headline__h3, .integration-styleguide .headline>:where(h3) {
		font-size:var(--sg-headline-h3-mobile-font-size,2.5rem);
		font-weight:var(--sg-headline-h3-mobile-font-weight,400);
		line-height:var(--sg-headline-h3-mobile-font-height,normal);
		margin:var(--sg-headline-h3-mobile-margin,0);
	}
}

.integration-styleguide .headline--h4, .integration-styleguide .headline:where(h4), .integration-styleguide .headline>.headline__h4, .integration-styleguide .headline>:where(h4) {
	color:var(--sg-headline-h4-font-color,inherit);
	font-size:var(--sg-headline-h4-font-size,2rem);
	font-style:var(--sg-headline-h4-font-style,normal);
	font-weight:var(--sg-headline-h4-font-weight,400);
	line-height:var(--sg-headline-h4-font-height,normal);
	margin:var(--sg-headline-h4-margin,0);
	-webkit-text-decoration:var(--sg-headline-h4-font-decoration,none);
	text-decoration:var(--sg-headline-h4-font-decoration,none);
	text-transform:var(--sg-headline-h4-font-transform,none);
}

@media(max-width:767px) {

	.integration-styleguide .headline--h4, .integration-styleguide .headline:where(h4), .integration-styleguide .headline>.headline__h4, .integration-styleguide .headline>:where(h4) {
		font-size:var(--sg-headline-h4-mobile-font-size,2rem);
		font-weight:var(--sg-headline-h4-mobile-font-weight,400);
		line-height:var(--sg-headline-h4-mobile-font-height,normal);
		margin:var(--sg-headline-h4-mobile-margin,0);
	}
}

.integration-styleguide .headline--h5, .integration-styleguide .headline:where(h5), .integration-styleguide .headline>.headline__h5, .integration-styleguide .headline>:where(h5) {
	color:var(--sg-headline-h5-font-color,inherit);
	font-size:var(--sg-headline-h5-font-size,1.5rem);
	font-style:var(--sg-headline-h5-font-style,normal);
	font-weight:var(--sg-headline-h5-font-weight,400);
	line-height:var(--sg-headline-h5-font-height,normal);
	margin:var(--sg-headline-h5-margin,0);
	-webkit-text-decoration:var(--sg-headline-h5-font-decoration,none);
	text-decoration:var(--sg-headline-h5-font-decoration,none);
	text-transform:var(--sg-headline-h5-font-transform,none);
}

@media(max-width:767px) {

	.integration-styleguide .headline--h5, .integration-styleguide .headline:where(h5), .integration-styleguide .headline>.headline__h5, .integration-styleguide .headline>:where(h5) {
		font-size:var(--sg-headline-h5-mobile-font-size,1.5rem);
		font-weight:var(--sg-headline-h5-mobile-font-weight,400);
		line-height:var(--sg-headline-h5-mobile-font-height,normal);
		margin:var(--sg-headline-h5-mobile-margin,0);
	}
}

.integration-styleguide .headline--h6, .integration-styleguide .headline:where(h6), .integration-styleguide .headline>.headline__h6, .integration-styleguide .headline>:where(h6) {
	color:var(--sg-headline-h6-font-color,inherit);
	font-size:var(--sg-headline-h6-font-size,1rem);
	font-style:var(--sg-headline-h6-font-style,italic);
	font-weight:var(--sg-headline-h6-font-weight,400);
	line-height:var(--sg-headline-h6-font-height,normal);
	margin:var(--sg-headline-h6-margin,0);
	-webkit-text-decoration:var(--sg-headline-h6-font-decoration,none);
	text-decoration:var(--sg-headline-h6-font-decoration,none);
	text-transform:var(--sg-headline-h6-font-transform,none);
}

@media(max-width:767px) {

	.integration-styleguide .headline--h6, .integration-styleguide .headline:where(h6), .integration-styleguide .headline>.headline__h6, .integration-styleguide .headline>:where(h6) {
		font-size:var(--sg-headline-h6-mobile-font-size,1rem);
		font-weight:var(--sg-headline-h6-mobile-font-weight,400);
		line-height:var(--sg-headline-h6-mobile-font-height,normal);
		margin:var(--sg-headline-h6-mobile-margin,0);
	}
}

.integration-styleguide .headline__side {
	flex-grow:1;
	text-align:right;
	white-space:nowrap;
	width:max-content;
}

.integration-styleguide .headline__side--center {
	align-self:center;
}

.integration-styleguide .headline:where(:not(.headline--link)):link, .integration-styleguide .headline:where(:not(.headline--link))>:link {
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .tab {
	background:var(--sg-tab-background,#0000);
	border-bottom:var(--sg-tab-border-bottom,0 none #0000);
	border-left:var(--sg-tab-border-left,0 none #0000);
	border-radius:var(--sg-tab-border-radius,0);
	border-right:var(--sg-tab-border-right,0 none #0000);
	border-top:var(--sg-tab-border-top,0 none #0000);
	font-size:var(--sg-tab-font-size,1rem);
	margin:var(--sg-tab-margin,0);
	position:relative;
	width:100%;
	z-index:23;
}

.integration-styleguide .tab:after, .integration-styleguide .tab:before {
	bottom:0;
	content:" ";
	pointer-events:none;
	position:absolute;
	top:0;
	transition:all 50ms ease-in-out 0s;
	width:var(--sg-tab-scroll-overlay-size,min(4em,10vw));
	z-index:20;
}

.integration-styleguide .tab:before {
	background:var(--sg-tab-scroll-overlay-left,linear-gradient(to right,#fff,#0000));
	left:-1px;
	transform:translateX(-50%) scaleX(0);
}

.integration-styleguide .tab:after {
	background:var(--sg-tab-scroll-overlay-right,linear-gradient(to left,#fff,#0000));
	right:-1px;
	transform:translateX(50%) scaleX(0);
}

.integration-styleguide .tab__list {
	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	gap:var(--sg-tab-list-gap,0);
	justify-content:flex-start;
	margin:var(--sg-tab-list-margin,0);
	overflow-x:auto;
	overscroll-behavior-x:contain;
	padding:var(--sg-tab-list-padding,0);
	scroll-snap-type:x mandatory;
	scrollbar-color:var(--sg-scrollbar-thumb-color-inactive,#ced4da) var(--sg-scrollbar-track-color-inactive,#e9ecef);
	scrollbar-width:var(--sg-scrollbar-width,thin);
	width:100%;
}

.integration-styleguide .tab__list:is(ul,ol) {
	counter-reset:none;
	list-style:none;
	padding-left:0;
	text-indent:0;
}

.integration-styleguide .tab__list:is(ul,ol) ul, .integration-styleguide .tab__list:is(ul,ol) ul ul, .integration-styleguide .tab__list:is(ul,ol) ul ul ul {
	list-style:none;
}

.integration-styleguide .tab__list:is(ul,ol) ol {
	margin-left:0;
}

.integration-styleguide .tab__list:is(ul,ol) li {
	margin-bottom:0;
}

.integration-styleguide .tab__list:is(ul,ol) li>:is(ol,ul) {
	margin-left:0;
	margin-right:0;
	margin-top:0;
}

.integration-styleguide .tab__list:is(ul,ol) li:before {
	content:none;
	counter-increment:none;
	display:initial;
	padding-right:0;
}

.integration-styleguide .tab__list::-webkit-scrollbar {
	height:var(--sg-scrollbar-size,8px);
	width:var(--sg-scrollbar-size,8px);
}

.integration-styleguide .tab__list::-webkit-scrollbar:horizontal {
	height:calc(var(--sg-scrollbar-size, 8px)*.5);
	width:calc(var(--sg-scrollbar-size, 8px)*.5);
}

.integration-styleguide .tab__list::-webkit-scrollbar-thumb {
	background:var(--sg-scrollbar-thumb-color-inactive,#ced4da);
	border-radius:calc(var(--sg-scrollbar-size, 8px)*.5);
}

.integration-styleguide .tab__list::-webkit-scrollbar-thumb:horizontal {
	border-radius:calc(var(--sg-scrollbar-size, 8px)*.25);
}

.integration-styleguide .tab__list::-webkit-scrollbar-track {
	background:var(--sg-scrollbar-track-color-inactive,#e9ecef);
}

.integration-styleguide .tab__list:hover {
	scrollbar-color:var(--sg-scrollbar-thumb-color,#adb5bd);
}

.integration-styleguide .tab__list:hover::-webkit-scrollbar-thumb {
	background:var(--sg-scrollbar-thumb-color,#adb5bd);
}

.integration-styleguide .tab__list:hover::-webkit-scrollbar-track {
	background:var(--sg-scrollbar-track-color,#dee2e6);
}

.integration-styleguide .tab__list:before {
	background:var(--sg-tab-list-border-bottom-color,#ced4da);
	bottom:0;
	content:" ";
	height:var(--sg-tab-list-border-bottom-height,1px);
	left:0;
	position:absolute;
	right:0;
	z-index:-1;
}

.integration-styleguide .tab__after, .integration-styleguide .tab__before, .integration-styleguide .tab__item {
	align-items:center;
	display:flex;
	scroll-snap-align:center;
}

.integration-styleguide .tab__before, .integration-styleguide .tab__item {
	flex-grow:0;
	justify-content:flex-start;
}

.integration-styleguide .tab__item {
	background:var(--sg-tab-item-background-default,#0000);
	border-bottom:var(--sg-tab-item-border-bottom-default,1px solid #0000);
	border-left:var(--sg-tab-item-border-left-default,0 none #0000);
	border-radius:var(--sg-tab-item-border-radius,0);
	border-right:var(--sg-tab-item-border-right-default,0 none #0000);
	border-top:var(--sg-tab-item-border-top-default,0 none #0000);
	cursor:pointer;
	margin:var(--sg-tab-item-margin,0);
	padding:var(--sg-tab-item-padding,.25em .75em .5em);
	-webkit-text-decoration:none;
	text-decoration:none;
	transition:all 50ms ease-in-out 0s;
	-webkit-user-select:none;
	user-select:none;
	white-space:nowrap;
}

.integration-styleguide .tab__item:first-of-type {
	margin-left:0;
}

.integration-styleguide .tab__item:last-of-type {
	margin-right:0;
}

.integration-styleguide .tab__item:link, .integration-styleguide .tab__item:link:hover {
	-webkit-text-decoration:none;
	text-decoration:none;
}

.integration-styleguide .tab__item, .integration-styleguide .tab__item:link, .integration-styleguide .tab__item:visited {
	color:var(--sg-tab-item-color-default,#000);
	font:var(--sg-tab-item-font-style,normal) var(--sg-tab-item-font-variant,normal) var(--sg-tab-item-font-weight,600) var(--sg-tab-item-font-size,1em)/var(--sg-tab-item-line-height,normal) var(--sg-tab-item-font-family,"OpenSans",Arial,Helvetica,sans-serif);
	letter-spacing:var(--sg-tab-item-letter-spacing,normal);
}

.integration-styleguide .tab__item:hover:not(.tab__item--active) {
	background:var(--sg-tab-item-background-hover,#0000);
	border-bottom:var(--sg-tab-item-border-bottom-hover,1px solid #adb5bd);
	border-left:var(--sg-tab-item-border-left-hover,0 none #0000);
	border-right:var(--sg-tab-item-border-right-hover,0 none #0000);
	border-top:var(--sg-tab-item-border-top-hover,0 none #0000);
	color:var(--sg-tab-item-color-hover,#0d6efd);
}

.integration-styleguide .tab__item--active, .integration-styleguide .tab__item--active:link, .integration-styleguide .tab__item--active:visited {
	background:var(--sg-tab-item-background-active,#0000);
	border-bottom:var(--sg-tab-item-border-bottom-active,1px solid #212529);
	border-left:var(--sg-tab-item-border-left-active,0 none #0000);
	border-right:var(--sg-tab-item-border-right-active,0 none #0000);
	border-top:var(--sg-tab-item-border-top-active,0 none #0000);
	color:var(--sg-tab-item-color-active,#0d6efd);
}

.integration-styleguide .tab-region, .integration-styleguide .tab-region__container, .integration-styleguide .tab-region__navigation {
	display:block;
}

.integration-styleguide .tab-region__content {
	animation:tab-region-fade-in .15s;
	display:none;
	overflow-x:hidden;
	overflow-y:auto;
}

.integration-styleguide .tab-region__content--active {
	display:block;
}

.integration-styleguide :is(.tab--pro,.tab--pro-invert) .tab__item {
	position:relative;
}

.integration-styleguide :is(.tab--pro,.tab--pro-invert) .tab__item:after {
	background:#0000;
	border-radius:4px;
	bottom:0;
	content:"";
	height:4px;
	left:0;
	position:absolute;
	right:0;
	transform:translateY(0);
	transition:background .3s ease;
}

.integration-styleguide :is(.tab--pro,.tab--pro-invert) .tab__item--active:after {
	background:#0fffbf;
}

.integration-styleguide :is(.tab--pro,.tab--pro-invert) .tab__item:hover:after {
	background:#00aa7e;
}

.integration-styleguide .table {
	border-collapse:collapse;
	color:var(--sg-table-font-color,var(--sg-color-text,currentColor));
	display:table;
	font:var(--sg-table-font-style,normal) var(--sg-table-font-variant,normal) var(--sg-table-font-weight,400) var(--sg-table-font-size,1em)/var(--sg-table-general-line-height,normal) var(--sg-table-font-family,"OpenSans",Arial,Helvetica,sans-serif);
	letter-spacing:var(--sg-table-general-letter-spacing,normal);
	width:100%;
}

.integration-styleguide .table__tbody {
	display:table-row-group;
}

.integration-styleguide .table__tr {
	display:table-row;
}

.integration-styleguide .table__td, .integration-styleguide .table__th {
	border-bottom:var(--sg-table-general-table-border,.0625em solid #d8d8d8);
	border-collapse:collapse;
	display:table-cell;
	padding:var(--sg-table-general-cell-space-vertical,.5rem) var(--sg-table-general-cell-space-horizontal,1rem) var(--sg-table-general-cell-space-vertical,.5rem) var(--sg-table-general-cell-space-horizontal,1rem);
	width:auto;
	word-break:keep-all;
}

.integration-styleguide .table__td:first-of-type, .integration-styleguide .table__th:first-of-type {
	border-right:var(--sg-table-general-table-border-transparent,.0625em solid #0000);
	padding-left:var(--sg-table-general-table-first-cell-padding-left,0);
	padding-right:var(--sg-table-general-table-first-cell-padding-right,1rem);
	word-wrap:normal;
}

.integration-styleguide .table__td {
	vertical-align:middle;
}

.integration-styleguide .table--content-right :is(.table__td,.table__th) {
	text-align:right;
}

.integration-styleguide .table--content-right :is(.table__td:first-of-type,.table__th:first-of-type) {
	text-align:left;
}

.integration-styleguide .table--content-right :is(.table__td:last-of-type,.table__th:last-of-type) {
	padding-right:0;
}

.integration-styleguide .font-color-gray {
	color:var(--sg-color-gray)!important;
}

.integration-styleguide .font-weight-bold {
	font-weight:700!important;
}

.integration-styleguide .horizontal-scrolling {
	border:0 #0000;
	height:auto;
	min-height:1px;
	overflow-x:auto;
	overflow-y:hidden;
	padding:1px;
	width:100%;
}

/*
	all.min.css setzt auf dem Selektor `.table tr td` die Eigenschaft `hyphens: auto`.
	Bei lang="de" trennt der Browser darin "Fondsdetails" zu "Fondsde-tails" - mitten im
	Knopf. Der Styleguide setzt `hyphens` nie, weil es die Altregel auf den umgestellten
	Seiten nicht gibt; sein `word-break: keep-all` greift gegen Silbentrennung nicht.

	Keine geschweiften Klammern in diesem Kommentar: Werkzeuge, die CSS mit einfacher
	Klammerzählung lesen, nehmen sie sonst für den Anfang einer Regel.

	`manual` ist der Ausgangswert und nicht `none`: weiche Trennstriche im Text, etwa im
	Rechtshinweis der Kästen, sollen weiter wirken.
*/
.integration-styleguide .table__td,
.integration-styleguide .table__th {
	-webkit-hyphens: manual;
	hyphens: manual;
}