:root {
	--tsmc-fz-h1: 2.5rem;
	--tsmc-fz-h2: 2.25rem;
	--tsmc-fz-h3: 1.75rem;
	--tsmc-fz-h4: 1.5rem;
	--tsmc-fz-h5: 1.25rem;
	--tsmc-fz-h6: 1.125rem;
	--tsmc-fz-body: 1rem;
	--tsmc-fz-display: 4.5rem;
	--tsmc-fz-note: 0.8125rem;
	--tsmc-fz-article-h1: 1.875em;
	--tsmc-fz-article-h2: 1.75em;
	--tsmc-fz-article-h3: 1.375em;
	--tsmc-fz-article-h4: 1.25em;
	--tsmc-fz-article-h5: 1.125em;
	--tsmc-fz-article-h6: 1em;
	--tsmc-fz-article-body: 1em;
	--tsmc-fz-article-module-body: 1em;
	--tsmc-fz-article-table: 0.875em;
	--tsmc-fz-article-note: 0.8125em;
	--tsmc-lh-h1: 1.3;
	--tsmc-lh-h2: 1.4;
	--tsmc-lh-h3: 1.4;
	--tsmc-lh-h4: 1.4;
	--tsmc-lh-h5: 1.4;
	--tsmc-lh-h6: 1.4;
	--tsmc-lh-body: 1.5;
	--tsmc-lh-display: 1.2;
	--tsmc-lh-note: 1.538461;
	--tsmc-lh-article-h1: 1.4;
	--tsmc-lh-article-h2: 1.4;
	--tsmc-lh-article-h3: 1.6;
	--tsmc-lh-article-h4: 1.5;
	--tsmc-lh-article-h5: 1.5;
	--tsmc-lh-article-h6: 1.5;
	--tsmc-lh-article-body: 1.5;
	--tsmc-lh-article-module-body: 1.5;
	--tsmc-lh-article-table: 1.4;
	--tsmc-lh-article-note: 1.4;
	--tsmc-ls-h1: 0.02em;
	--tsmc-ls-h2: 0.02em;
	--tsmc-ls-h3: 0.02em;
	--tsmc-ls-h4: 0.02em;
	--tsmc-ls-h5: 0.02em;
	--tsmc-ls-h6: 0.03em;
	--tsmc-ls-body: 0.04em;
	--tsmc-ls-display: 0;
	--tsmc-ls-note: 0.02em;
	--tsmc-ls-article-h1: 0.02em;
	--tsmc-ls-article-h2: 0.03em;
	--tsmc-ls-article-h3: 0.03em;
	--tsmc-ls-article-h4: 0.03em;
	--tsmc-ls-article-h5: 0.03em;
	--tsmc-ls-article-h6: 0.04em;
	--tsmc-ls-article-body: 0.04em;
	--tsmc-ls-article-module-body: 0.03em;
	--tsmc-ls-article-note: 0.02em;
	--tsmc-fw-article-h3: 300;
	--tsmc-ff-heading: var(--google-fonts-pontano-sans, "Pontano Sans"), var(--google-fonts-noto-sans-tc, "Noto Sans TC"), sans-serif;
	--tsmc-ff-body: var(--google-fonts-pontano-sans, "Pontano Sans"), var(--google-fonts-noto-sans-tc, "Noto Sans TC"), sans-serif;
	--bs-font-sans-serif: var(--tsmc-ff-body);
	--bs-body-font-family: var(--tsmc-ff-body);
	--bs-link-hover-color: #d82222;
	--bs-red-rgb: 216, 34, 34;
	--bs-body-color-rgb: 27, 27, 27;
	--bs-golden-rgb: 155, 130, 77;
	--bs-body-bg: var(--tsmc-main-bg);
	--tsmc-theme-primary: #d82222;
	--tsmc-theme-secondary: #b62f34;
	--tsmc-theme-tertiary: #925f61;
	--tsmc-theme-quaternary: #ffc7c7;
	--tsmc-gray-primary: #1b1b1b;
	--tsmc-gray-secondary: #343736;
	--tsmc-gray-tertiary: #515151;
	--tsmc-gray-quaternary: #6c6b6b;
	--tsmc-gray-quinary: #e7e7e7;
	--tsmc-white-primary: #ffffff;
	--tsmc-white-secondary: #f5f5f5;
	--tsmc-white-tertiary: #d2d2d2;
	--tsmc-white-quaternary: #a1a1a1;
	--tsmc-white-quinary: #403f3f;
	--tsmc-gold-primary: #7f6632;
	--tsmc-main-bg: #f5f5f5;
	--tsmc-main-bg-rgb: hex-to-rgb(#f5f5f5);
	--tsmc-card-bg: #ffffff;
	--tsmc-table-striped-bg: #f0e9da;
	--tsmc-article-bg: #ffffff;
	--tsmc-widget-bg: #f5f5f5;
	--tsmc-esg-blue: #006f8f;
	--tsmc-esg-green: #326e32;
	--tsmc-esg-purple: #5e3962;
	--tsmc-esg-orange: #9b5f15;
	--tsmc-esg-pink: #b24e4c;
	--tsmc-esg-blue-secondary: #d7f4fd;
	--tsmc-esg-green-secondary: #eef8ee;
	--tsmc-esg-purple-secondary: #f5eff6;
	--tsmc-esg-orange-secondary: #fef5e9;
	--tsmc-esg-pink-secondary: #fdf2f1;
	--tsmc-box-shadow: 0px 62px 25px rgba(140, 140, 140, 0.01), 0px 35px 21px rgba(140, 140, 140, 0.03), 0px 15px 15px rgba(140, 140, 140, 0.05), 0px 4px 8px rgba(140, 140, 140, 0.06), 0px 0px 0px rgba(140, 140, 140, 0.06);
	--tsmc-box-shadow-3: 0px 0px 0px 0px rgba(135, 135, 135, 0.1), 2px 8px 19px 0px rgba(135, 135, 135, 0.1), 10px 33px 34px 0px rgba(135, 135, 135, 0.09), 22px 74px 46px 0px rgba(135, 135, 135, 0.05), 39px 131px 55px 0px rgba(135, 135, 135, 0.01), 60px 205px 60px 0px rgba(135, 135, 135, 0);
	--tsmc-box-shadow-4: 0px 0px 0px 0px rgba(135, 135, 135, 0.1), 0px 8px 12px 0px rgba(135, 135, 135, 0.1), 0px 20px 12px 0px rgba(135, 135, 135, 0.09), 0px 30px 12px 0px rgba(135, 135, 135, 0.05), 0px 20px 12px 0px rgba(135, 135, 135, 0.01), 0px 30px 12px 0px rgba(135, 135, 135, 0);
	--tsmc-focus-box-shadow: 0 0 0 0.125rem rgba(255, 125, 129, 0.9);
	--vh: 1vh
}

:root:lang(en) {
	--tsmc-lh-h1: 1.2;
	--tsmc-lh-h5: 1.5;
	--tsmc-lh-article-h1: 1.2;
	--tsmc-lh-article-h4: 1.3;
	--tsmc-lh-article-h5: 1.3;
	--tsmc-lh-article-h6: 1.2;
	--tsmc-lh-article-body: 1.3;
	--tsmc-ls-h1: 0em;
	--tsmc-ls-h2: 0em;
	--tsmc-ls-h3: 0em;
	--tsmc-ls-body: 0.03em;
	--tsmc-ls-article-h1: 0.01em;
	--tsmc-ls-article-h2: 0.02em;
	--tsmc-ls-article-h3: 0.02em;
	--tsmc-ls-article-h4: 0.02em;
	--tsmc-ls-article-h5: 0.02em;
	--tsmc-ls-article-h6: 0.02em;
	--tsmc-ls-article-body: 0.02em;
	--tsmc-ff-heading: var(--google-fonts-pontano-sans, "Pontano Sans"), sans-serif;
	--tsmc-ff-body: "Roboto", sans-serif
}

@media(max-width: 1178.98px) {
	:root {
		--tsmc-fz-h1: 2.25rem;
		--tsmc-fz-h2: 1.875rem;
		--tsmc-fz-h3: 1.5rem;
		--tsmc-fz-h4: 1.375rem;
		--tsmc-fz-h5: 1.0625rem;
		--tsmc-fz-h6: 1rem;
		--tsmc-fz-body: 1rem;
		--tsmc-fz-display: 2.75rem;
		--tsmc-fz-note: 0.8125rem;
		--tsmc-fz-article-h1: 1.5em;
		--tsmc-fz-article-h2: 1.625em;
		--tsmc-fz-article-h3: 1.25em;
		--tsmc-fz-article-h4: 1.125em;
		--tsmc-fz-article-h5: 1.0625em;
		--tsmc-fz-article-h6: 1em;
		--tsmc-fz-article-body: 1em;
		--tsmc-fz-article-module-body: 1em;
		--tsmc-lh-h1: 1.3;
		--tsmc-lh-h2: 1.3;
		--tsmc-lh-h3: 1.4;
		--tsmc-lh-h4: 1.4;
		--tsmc-lh-h5: 1.4;
		--tsmc-lh-h6: 1.4;
		--tsmc-lh-body: 1.5;
		--tsmc-lh-display: 1.2;
		--tsmc-lh-note: 1.538461;
		--tsmc-lh-article-h1: 1.3;
		--tsmc-lh-article-h2: 1.4;
		--tsmc-lh-article-h3: 1.6;
		--tsmc-lh-article-h4: 1.2;
		--tsmc-lh-article-h5: 1.2;
		--tsmc-lh-article-h6: 1.5;
		--tsmc-lh-article-body: 1.5;
		--tsmc-lh-article-module-body: 1.5;
		--tsmc-ls-h1: 0;
		--tsmc-ls-h2: 0.01em;
		--tsmc-ls-h3: 0.02em;
		--tsmc-ls-h6: 0.04em;
		--tsmc-ls-body: 0.04em;
		--tsmc-ls-module-body: 0.04em
	}

	:root:lang(en) {
		--tsmc-fz-article-h2: 1.5em;
		--tsmc-lh-article-h1: 1.1;
		--tsmc-lh-article-h5: 1.1;
		--tsmc-ls-h2: 0em;
		--tsmc-ls-body: 0.03em
	}
}

[data-theme=dark] {
	--bs-primary-rgb: 255, 255, 255;
	--bs-grey-rgb: 161, 161, 161;
	--bs-red: #ff6464;
	--bs-red-rgb: 255, 100, 100;
	--bs-body-color-rgb: 255, 255, 255;
	--bs-gold-rgb: 155, 130, 77;
	--bs-link-color: #f5f5f5;
	--bs-link-hover-color: #ff6464;
	--tsmc-theme-primary: #ff6464;
	--tsmc-theme-tertiary: #ffc7c7;
	--tsmc-theme-quaternary: #925f61;
	--tsmc-gray-primary: #f5f5f5;
	--tsmc-gray-secondary: #ffffff;
	--tsmc-gray-tertiary: #d2d2d2;
	--tsmc-gray-quaternary: #a1a1a1;
	--tsmc-gray-quinary: #403f3f;
	--tsmc-white-primary: #343736;
	--tsmc-white-secondary: #1b1b1b;
	--tsmc-white-tertiary: #515151;
	--tsmc-white-quaternary: #6c6b6b;
	--tsmc-white-quinary: #e7e7e7;
	--tsmc-gold-primary: #ac9c7b;
	--tsmc-main-bg: #1b1b1b;
	--tsmc-main-bg-rgb: hex-to-rgb(#1b1b1b);
	--tsmc-card-bg: #343736;
	--tsmc-table-striped-bg: #5e584c;
	--tsmc-article-bg: #1b1b1b;
	--tsmc-widget-bg: #343736;
	--tsmc-esg-blue: #60d3f5;
	--tsmc-esg-green: #97d297;
	--tsmc-esg-purple: #c49ec8;
	--tsmc-esg-orange: #f8c07b;
	--tsmc-esg-pink: #f4afad;
	--tsmc-esg-blue-secondary: #001318;
	--tsmc-esg-green-secondary: #0a170a;
	--tsmc-esg-purple-secondary: #110a11;
	--tsmc-esg-orange-secondary: #2c1b04;
	--tsmc-esg-pink-secondary: #681817;
	--tsmc-box-shadow: 39px 131px 55px rgba(0, 0, 0, 0.01), 22px 74px 46px rgba(0, 0, 0, 0.05), 10px 33px 34px rgba(0, 0, 0, 0.09), 2px 8px 19px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
	--tsmc-box-shadow-3: 18px 18px 45px 0px rgba(0, 0, 0, 0.4), 30px 20px 35px 0px rgba(0, 0, 0, 0.45);
	--tsmc-box-shadow-4: 0px 18px 12px 0px rgba(0, 0, 0, 0.4), 0px 20px 12px 0px rgba(0, 0, 0, 0.2)
}

*:focus {
	outline: none;
	box-shadow: var(--tsmc-focus-box-shadow)
}

body {
	--bs-body-font-size: 1rem;
	--bs-body-line-height: 1.5;
	transition: background-color .3s ease-in-out
}

body:lang(en) {
	--bs-body-font-size: 1rem;
	--bs-body-line-height: 1.4
}

[data-theme=dark] body {
	--bs-body-color: #fff
}

iframe {
	color-scheme: auto
}

img {
	max-width: 100%;
	height: auto
}

.app {
	--header-height: 80px;
	overflow-x: hidden
}

@media(max-width: 991.98px) {
	.app {
		--header-height: 50px
	}
}

.h1,
h1 {
	font-size: var(--tsmc-fz-h1);
	line-height: var(--tsmc-lh-h1);
	font-family: var(--tsmc-ff-heading);
	font-weight: 300;
	color: var(--tsmc-gray-secondary)
}

.h2,
h2 {
	font-size: var(--tsmc-fz-h2);
	line-height: var(--tsmc-lh-h2);
	font-family: var(--tsmc-ff-heading);
	font-weight: 300;
	color: var(--tsmc-gray-secondary)
}

.h3,
h3 {
	font-size: var(--tsmc-fz-h3);
	line-height: var(--tsmc-lh-h3);
	font-family: var(--tsmc-ff-heading)
}

.h4,
h4 {
	font-size: var(--tsmc-fz-h4);
	line-height: var(--tsmc-lh-h4);
	letter-spacing: var(--tsmc-ls-h4);
	font-family: var(--tsmc-ff-heading);
	font-weight: 400
}

.h5,
h5 {
	font-size: var(--tsmc-fz-h5);
	line-height: var(--tsmc-lh-h5);
	font-family: var(--tsmc-ff-heading);
	letter-spacing: var(--tsmc-ls-h5);
	font-weight: 400
}

.h6,
h6 {
	font-size: var(--tsmc-fz-h6);
	line-height: var(--tsmc-lh-h6);
	letter-spacing: var(--tsmc-ls-h6);
	font-family: var(--tsmc-ff-heading)
}

.display {
	font-size: var(--tsmc-fz-display);
	line-height: var(--tsmc-lh-display);
	letter-spacing: var(--tsmc-ls-display)
}

.word-body {
	font-size: var(--tsmc-fz-body);
	line-height: var(--tsmc-lh-body);
	letter-spacing: var(--tsmc-ls-body);
	font-family: var(--tsmc-ff-body)
}

.note {
	font-size: var(--tsmc-fz-note);
	line-height: var(--tsmc-lh-note);
	letter-spacing: var(--tsmc-ls-note)
}

.tsmc-article-datetime {
	display: inline-block;
	color: var(--tsmc-gray-quaternary);
	font-size: var(--tsmc-fz-article-body);
	line-height: var(--tsmc-lh-article-body);
	letter-spacing: var(--tsmc-ls-article-body);
	font-weight: var(--tsmc-fw-article-body)
}

.tsmc-additional-links {
	border-radius: .5rem;
	padding: 0 1rem;
	background-color: var(--tsmc-widget-bg)
}

@media(min-width: 992px) {
	.tsmc-additional-links {
		padding: 0 1.5rem
	}
}

.tsmc-additional-links .list-wrapper {
	padding: 0;
	margin: 0;
	list-style: none
}

@media(min-width: 992px) {
	.tsmc-additional-links .list-item {
		padding: 1.5rem 0
	}
}

.tsmc-additional-links .list-item:not(:last-child) {
	border-bottom: 1px solid rgba(155, 155, 155, .3)
}

.tsmc-additional-links .list-item-inner {
	display: flex;
	align-items: center;
	padding: 1rem 0;
	gap: 0 1rem
}

@media(min-width: 992px) {
	.tsmc-additional-links .list-item-inner {
		padding: 0
	}
}

.tsmc-additional-links .list-item-content {
	display: flex;
	align-items: center;
	flex: 1 0 0%;
	gap: 0 .375rem
}

@media(min-width: 992px) {
	.tsmc-additional-links .list-item-content {
		gap: 0 .5rem
	}
}

.tsmc-additional-links .list-item-type,
.tsmc-additional-links .list-item-ext {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	color: var(--tsmc-gray-tertiary)
}

.tsmc-additional-links .list-item-type .svg-icon,
.tsmc-additional-links .list-item-ext .svg-icon {
	font-size: 1.5rem
}

@media(min-width: 992px) {

	.tsmc-additional-links .list-item-type .svg-icon,
	.tsmc-additional-links .list-item-ext .svg-icon {
		font-size: 1.75rem
	}
}

.tsmc-additional-links .list-item-name {
	flex: 1 0 0%;
	font-weight: 700;
	color: var(--tsmc-gray-secondary);
	font-size: var(--tsmc-fz-article-h5);
	line-height: var(--tsmc-lh-article-h5);
	letter-spacing: var(--tsmc-ls-article-h5);
	font-weight: var(--tsmc-fw-article-h5)
}

.tsmc-additional-links .list-item-link {
	--bs-link-color: var(--tsmc-theme-primary);
	--bs-link-hover-color: var(--tsmc-theme-tertiary);
	display: inline-flex;
	align-items: center;
	text-decoration: none
}

@media(min-width: 992px) {
	.tsmc-additional-links .list-item-link .svg-icon {
		font-size: 1.25rem
	}
}

.tsmc-additional-links .list-item-link-word {
	margin-right: .3125rem
}

@media(max-width: 991.98px) {
	.tsmc-additional-links .list-item-link-word {
		display: none
	}
}

.tsmc-article-authors {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-evenly;
	gap: .75rem 1.25rem;
	margin-bottom: 1rem
}

@media(min-width: 576px) {
	.tsmc-article-authors {
		justify-content: initial;
		align-items: center
	}
}

@media(min-width: 1179px) {
	.tsmc-article-authors {
		gap: 1rem 2rem
	}
}

.tsmc-article-author {
	margin: -0.25rem -0.5rem;
	width: 33.3333333333%
}

@media(min-width: 1400px) {
	.tsmc-article-author {
		width: 50%
	}
}

.tsmc-article-author span.tsmc-article-author-inner {
	color: var(--tsmc-gray-tertiary)
}

.tsmc-article-author a.tsmc-article-author-inner {
	text-decoration: none
}

.tsmc-article-author a.tsmc-article-author-inner:hover {
	background-color: var(--tsmc-card-bg)
}

.tsmc-article-author .tsmc-article-author-inner {
	--bs-link-color: var(--tsmc-gray-tertiary);
	--bs-link-hover-color: var(--tsmc-theme-primary);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .5rem;
	padding: .25rem .5rem;
	border-radius: .375rem
}

@media(min-width: 576px) {
	.tsmc-article-author .tsmc-article-author-inner {
		flex-direction: row
	}
}

.tsmc-article-author .tsmc-article-author-avatar {
	width: 3rem;
	height: 3rem;
	background-color: var(--tsmc-white-secondary);
	border: 1px solid var(--tsmc-white-tertiary);
	border-radius: 50%;
	position: relative;
	overflow: hidden
}

.tsmc-article-author .tsmc-article-author-avatar .tsmc-article-author-avatar-image {
	object-fit: cover
}

.tsmc-article-author .tsmc-article-author-name {
	font-size: var(--tsmc-fz-article-body);
	line-height: var(--tsmc-lh-article-body);
	letter-spacing: var(--tsmc-ls-article-body);
	font-weight: var(--tsmc-fw-article-body);
	color: var(--tsmc-gray-quaternary)
}

.tsmc-article-breadcrumb {
	margin-bottom: 1.25rem
}

@media(min-width: 992px) {
	.tsmc-article-breadcrumb {
		margin-bottom: 1.5rem
	}
}

.btn-article-controller {
	--bs-btn-color: var(--tsmc-gray-primary);
	--bs-btn-hover-color: var(--tsmc-theme-primary);
	display: flex;
	align-items: center;
	padding: .875rem 0;
	gap: 0 5px;
	border: none
}

.btn-article-controller.btn-icon-only .btn-article-controller-icon {
	font-size: 1.5rem
}

.btn-article-controller .btn-article-controller-icon {
	display: flex;
	align-items: center;
	font-size: 1.25rem
}

.btn-article-controller .btn-article-controller-content {
	letter-spacing: .03em;
	white-space: nowrap
}

.tsmc-article-swiper .swiper-pagination-bullet {
	--swiper-pagination-bullet-height: 4px;
	--swiper-pagination-bullet-border-radius: 2px;
	--swiper-pagination-color: #fff;
	--swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.5)
}

[data-theme=dark] .tsmc-article-swiper .swiper-pagination-bullet {
	--swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.3)
}

.tsmc-article-esg-badges-and-date {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .75rem
}

@media(min-width: 992px) {
	.tsmc-article-esg-badges-and-date {
		margin-bottom: 1rem
	}
}

.tsmc-article-esg-badge-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 0 .75rem;
	flex-wrap: wrap
}

.tsmc-article-esg-badge-list img {
	width: 2.5rem;
	min-width: 2.5rem;
	height: 2.5rem
}

@media(min-width: 576px) {
	.tsmc-article-esg-badge-list img {
		width: 2.75rem;
		min-width: 2.75rem;
		height: 2.75rem
	}
}

.tsmc-article-title {
	font-size: var(--tsmc-fz-article-h1);
	line-height: var(--tsmc-lh-article-h1);
	letter-spacing: var(--tsmc-ls-article-h1);
	font-weight: var(--tsmc-fw-article-h1);
	margin-bottom: .5rem
}

.tsmc-article-sub-title {
	font-size: var(--tsmc-fz-article-h5);
	line-height: var(--tsmc-lh-article-h5);
	letter-spacing: var(--tsmc-ls-article-h5);
	font-weight: var(--tsmc-fw-article-h5);
	color: var(--tsmc-gray-quaternary)
}

.tsmc-article-headline {
	margin-bottom: 1.5rem
}

.tsmc-article-headline .tsmc-article-datetime {
	margin-top: .75rem
}

@media(min-width: 992px) {
	.tsmc-article-headline {
		margin-bottom: 2rem
	}
}

.tsmc-article-tags {
	margin-bottom: .75rem;
	line-height: 1
}

@media(min-width: 768px) {
	.tsmc-article-tags {
		margin-bottom: 1rem
	}
}

.tsmc-article-tag {
	display: inline-block;
	font-size: var(--tsmc-fz-note);
	line-height: var(--tsmc-lh-note);
	letter-spacing: var(--tsmc-ls-note);
	font-weight: var(--tsmc-fw-note);
	color: var(--tsmc-esg-blue)
}

.tsmc-article-tools {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem
}

@media(min-width: 768px)and (max-width: 1399.98px) {
	.tsmc-article-tools {
		flex-wrap: nowrap;
		justify-content: space-between
	}
}

.tsmc-article-tool-reading {
	display: flex;
	flex-wrap: nowrap;
	gap: 0 1.25rem
}

.tsmc-article-tool-sharing {
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	gap: 1rem
}

@media(min-width: 768px)and (max-width: 1399.98px) {
	.tsmc-article-tool-sharing {
		flex: none
	}
}

.tsmc-article-share-targets {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: .75rem
}

@media(min-width: 1400px) {
	.tsmc-article-share-targets {
		gap: 1rem
	}
}

@media(min-width: 1179px) {
	.tsmc-article-related-cases {
		margin-top: .5rem
	}
}

@media(min-width: 1400px) {
	.tsmc-article-related-cases {
		margin-top: 4.5rem
	}
}

.tsmc-article-tag-square {
	display: inline-flex;
	align-items: center;
	gap: .375rem;
	max-width: 100%
}

.tsmc-article-template {
	font-size: var(--tsmc-fz-article-module-body);
	line-height: var(--tsmc-lh-article-module-body);
	letter-spacing: var(--tsmc-ls-article-module-body);
	font-weight: var(--tsmc-fw-article-module-body)
}

.tsmc-article-template+.tsmc-article-template {
	margin-top: 1.5em
}

@media(min-width: 1400px) {
	.tsmc-article-template+.tsmc-article-template {
		margin-top: 2em
	}
}

.tsmc-article-template h1,
.tsmc-article-template .h1,
.tsmc-article-template h2,
.tsmc-article-template .h2,
.tsmc-article-template h3,
.tsmc-article-template .h3,
.tsmc-article-template h4,
.tsmc-article-template .h4,
.tsmc-article-template h5,
.tsmc-article-template .h5,
.tsmc-article-template h6,
.tsmc-article-template .h6 {
	font-weight: 700;
	margin-bottom: .5rem
}

.tsmc-article-template h1,
.tsmc-article-template .h1 {
	font-size: var(--tsmc-fz-article-h1);
	line-height: var(--tsmc-lh-article-h1);
	letter-spacing: var(--tsmc-ls-article-h1);
	font-weight: var(--tsmc-fw-article-h1)
}

.tsmc-article-template h2,
.tsmc-article-template .h2 {
	font-size: var(--tsmc-fz-article-h4);
	line-height: var(--tsmc-lh-article-h4);
	letter-spacing: var(--tsmc-ls-article-h4);
	font-weight: var(--tsmc-fw-article-h4)
}

.tsmc-article-template h3,
.tsmc-article-template .h3 {
	font-size: var(--tsmc-fz-article-h4);
	line-height: var(--tsmc-lh-article-h4);
	letter-spacing: var(--tsmc-ls-article-h4);
	font-weight: var(--tsmc-fw-article-h4)
}

.tsmc-article-template h4,
.tsmc-article-template .h4 {
	font-size: var(--tsmc-fz-article-h4);
	line-height: var(--tsmc-lh-article-h4);
	letter-spacing: var(--tsmc-ls-article-h4);
	font-weight: var(--tsmc-fw-article-h4)
}

.tsmc-article-template h5,
.tsmc-article-template .h5 {
	font-size: var(--tsmc-fz-article-h5);
	line-height: var(--tsmc-lh-article-h5);
	letter-spacing: var(--tsmc-ls-article-h5);
	font-weight: var(--tsmc-fw-article-h5)
}

.tsmc-article-template h6,
.tsmc-article-template .h6 {
	font-size: var(--tsmc-fz-article-h6);
	line-height: var(--tsmc-lh-article-h6);
	letter-spacing: var(--tsmc-ls-article-h6);
	font-weight: var(--tsmc-fw-article-h6)
}

.tsmc-article-template p+p,
.tsmc-article-template p+ul {
	margin-top: .5em
}

.tsmc-article-template a {
	--bs-link-color: var(--tsmc-gray-secondary);
	text-decoration: underline;
	display: inline
}

.tsmc-article-template video,
.tsmc-article-template img {
	width: 100%;
	height: auto
}

.tsmc-article-template table {
	font-size: var(--tsmc-fz-article-table);
	line-height: var(--tsmc-lh-article-table);
	letter-spacing: var(--tsmc-ls-article-table);
	font-weight: var(--tsmc-fw-article-table)
}

.tsmc-article-template table>:not(caption)>*>* {
	padding: .75em .625em
}

.tsmc-article-template table>thead th,
.tsmc-article-template table>thead td,
.tsmc-article-template table>tbody th,
.tsmc-article-template table>tbody td {
	text-align: left
}

.tsmc-article-template table>thead th {
	font-weight: 600
}

.tsmc-article-template table>tbody>tr:nth-of-type(even) {
	--tsmc-article-table-bg: var(--tsmc-article-table-accent-bg)
}

.tsmc-article-template table>tbody>*>* {
	padding: .875em .625em;
	border-color: rgba(0, 0, 0, 0)
}

.tsmc-article-template ul {
	list-style: none;
	padding-left: 1.25ch;
	margin-bottom: 0
}

.tsmc-article-template ul li::before {
	content: "";
	background-color: var(--tsmc-gray-quaternary);
	display: inline-block;
	width: .375em;
	height: .375em;
	margin-left: -0.625em;
	margin-right: .25em;
	vertical-align: middle;
	border-radius: 50%
}

.tsmc-article-template ul li+li {
	margin-top: .375em
}

.tsmc-article-template .badge {
	--bs-badge-padding-y: 1px;
	--bs-badge-padding-x: 8px;
	font-size: var(--tsmc-fz-article-note);
	line-height: var(--tsmc-lh-article-note);
	letter-spacing: var(--tsmc-ls-article-note);
	font-weight: var(--tsmc-fw-article-note);
	margin: 0 0 0 .625em;
	text-transform: uppercase
}

.tsmc-article-template [data-bs-toggle=tooltip]:not([data-bs-title=""]) {
	text-decoration: underline
}

.tsmc-article-template.tsmc-article-template-paragraph>*:not(h1, h2, h3, h4, h5, h6, .ql-container) {
	font-size: var(--tsmc-fz-article-body);
	line-height: var(--tsmc-lh-article-body);
	letter-spacing: var(--tsmc-ls-article-body);
	font-weight: var(--tsmc-fw-article-body);
	color: var(--tsmc-gray-quaternary)
}

.tsmc-article-template.tsmc-article-template-paragraph .ql-editor>*:not(h1, h2, h3, h4, h5, h6) {
	font-size: var(--tsmc-fz-article-body);
	line-height: var(--tsmc-lh-article-body);
	letter-spacing: var(--tsmc-ls-article-body);
	font-weight: var(--tsmc-fw-article-body);
	color: var(--tsmc-gray-quaternary)
}

.tsmc-article-template.tsmc-article-template-paragraph p+p,
.tsmc-article-template.tsmc-article-template-paragraph p+ul,
.tsmc-article-template.tsmc-article-template-paragraph p+ol {
	margin-top: .611112em
}

.tsmc-article-template.tsmc-article-template-paragraph ul,
.tsmc-article-template.tsmc-article-template-paragraph ol {
	margin-bottom: .611112em
}

.tsmc-article-template.tsmc-article-template-quote {
	font-feature-settings: "pcap" on;
	color: var(--tsmc-gray-secondary);
	border-color: var(--tsmc-theme-primary);
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--tsmc-white-tertiary)
}

.tsmc-article-template.tsmc-article-template-quote:lang(zh) {
	text-align: justify
}

@media(min-width: 1400px) {
	.tsmc-article-template.tsmc-article-template-quote {
		padding-top: 0;
		border-top-width: 0;
		border-top-style: none;
		border-left-width: 2px;
		padding-bottom: 2rem
	}
}

.tsmc-article-template.tsmc-article-template-quote p {
	font-size: var(--tsmc-fz-article-h6);
	line-height: var(--tsmc-lh-article-h6);
	letter-spacing: var(--tsmc-ls-article-h6);
	font-weight: var(--tsmc-fw-article-h6);
	font-weight: 400;
	text-align: center
}

.tsmc-article-template.tsmc-article-template-quote textarea {
	font-size: var(--tsmc-fz-article-h3);
	line-height: var(--tsmc-lh-article-h3);
	letter-spacing: var(--tsmc-ls-article-h3);
	font-weight: var(--tsmc-fw-article-h3)
}

.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-mark {
	margin-bottom: 1em;
	display: flex;
	justify-content: center
}

.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-mark svg {
	width: 1.75em;
	height: 1.75em;
	fill: var(--tsmc-theme-primary);
	opacity: .15
}

[data-theme=dark] .tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-mark svg {
	opacity: .3
}

.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-spokesperson {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 400;
	font-size: var(--tsmc-fz-article-h6);
	line-height: var(--tsmc-lh-article-h6);
	letter-spacing: var(--tsmc-ls-article-h6);
	font-weight: var(--tsmc-fw-article-h6);
	color: var(--tsmc-gray-tertiary);
	margin-top: .5em
}

.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-spokesperson-name {
	font-size: .8125em;
	line-height: 1.5;
	letter-spacing: .03em
}

.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-spokesperson-name:lang(en) {
	line-height: 1.3
}

.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-spokesperson-job-title {
	font-size: .8125em;
	line-height: 1.5;
	color: var(--tsmc-gray-quaternary)
}

.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-spokesperson-job-title:lang(en) {
	line-height: 1.3
}

@media(min-width: 1179px) {
	.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-spokesperson-job-title {
		margin-left: .5rem
	}
}

.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-spokesperson-inner {
	display: flex;
	align-items: center;
	flex-direction: column
}

@media(min-width: 1179px) {
	.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-spokesperson-inner {
		flex-direction: row;
		align-items: center
	}
}

.tsmc-article-template.tsmc-article-template-table {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.tsmc-article-template.tsmc-article-template-table table:not(.multi-body-table) {
	--tsmc-table-hover-bg: var(--tsmc-card-bg)
}

.tsmc-article-template.tsmc-article-template-table table:not(.multi-body-table) tbody tr td:first-child {
	color: var(--tsmc-gray-quaternary)
}

.tsmc-article-template.tsmc-article-template-list {
	display: flex;
	flex-direction: column
}

.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item {
	display: flex;
	flex-direction: column;
	gap: .75em;
	padding: 1.5em 0
}

.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item:not(:last-child) {
	border-bottom: 1px solid var(--tsmc-white-tertiary)
}

@media(min-width: 992px) {
	.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item {
		flex-direction: row;
		align-items: center;
		gap: 1.25em
	}
}

.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .625em
}

@media(min-width: 992px) {
	.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item-header {
		flex: 0 0 12.5em;
		max-width: 12.5em
	}
}

.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item-header .tsmc-article-list-item-title {
	text-align: center;
	color: var(--theme-color);
	margin-bottom: 0
}

.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item-header .tsmc-article-list-item-cover {
	width: 3em;
	height: 3em;
	position: relative
}

.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item-header .tsmc-article-list-item-image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item-body {
	color: var(--tsmc-gray-quaternary)
}

@media(min-width: 992px) {
	.tsmc-article-template.tsmc-article-template-list .tsmc-article-list-item-body {
		flex: 1 0 0%
	}
}

.tsmc-article-template.tsmc-article-template-columns3 {
	display: flex;
	flex-direction: column;
	gap: 1.5em
}

@media(min-width: 992px) {
	.tsmc-article-template.tsmc-article-template-columns3 {
		flex-direction: row;
		gap: 0;
		margin-left: -0.75em;
		margin-right: -0.75em
	}
}

@media(min-width: 992px) {
	.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item {
		padding-left: .75em;
		padding-right: .75em;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}
}

.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item-cover {
	position: relative;
	margin-bottom: 1em
}

.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item-cover:after {
	content: "";
	display: block;
	width: 100%;
	padding-top: 74%
}

.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item-cover>.tsmc-article-column-item-image {
	position: absolute
}

.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item-cover>.tsmc-article-lightbox {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: .25rem
}

.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item-cover .tsmc-article-column-item-image {
	width: 100%;
	height: 100%;
	border-radius: .25rem;
	object-fit: cover;
	object-position: center
}

.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item-icon {
	display: flex;
	justify-content: center;
	margin-bottom: 1em
}

.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item-icon img {
	width: 3em;
	height: 3em
}

.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item-title {
	text-align: center;
	color: var(--theme-color);
	margin-bottom: 0
}

.tsmc-article-template.tsmc-article-template-columns3 .tsmc-article-column-item-body {
	margin-top: .75em;
	color: var(--tsmc-gray-quaternary)
}

.tsmc-article-template.tsmc-article-template-columns3-swiper {
	flex-direction: row;
	--swiper-navigation-size: 1em;
	--swiper-theme-color: var(--tsmc-gray-secondary);
	--swiper-navigation-sides-offset: -2em;
	width: calc(100% - 4.5em);
	position: relative;
	margin-left: auto;
	margin-right: auto
}

.tsmc-article-template.tsmc-article-template-columns3-swiper .tsmc-article-column-item {
	max-width: none;
	padding-top: .25rem
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
	grid-template-columns: 1.25em 2fr;
	grid-template-areas: "timeline header""timeline content"
}

@media(min-width: 768px) {
	.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item {
		display: flex;
		align-items: flex-start;
		gap: 0 1.5em
	}
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item:first-child .tsmc-article-timeline-item-dot::before {
	display: none
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item:last-child .tsmc-article-timeline-item-dot::after {
	display: none
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item.future-event {
	margin-bottom: 3.3125em
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item.future-event .tsmc-article-timeline-item-dot::after {
	display: block;
	background-color: rgba(0, 0, 0, 0);
	border: 1px dashed var(--theme-color);
	height: calc(100% - 1.25em)
}

@media(min-width: 768px) {
	.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item.future-event .tsmc-article-timeline-item-dot::after {
		height: calc(100% - 1.25em - 1.25em)
	}
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item.future-event .tsmc-article-timeline-item-dot-wrapper::after {
	--size: 0.375em;
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-left: var(--size) solid rgba(0, 0, 0, 0);
	border-right: var(--size) solid rgba(0, 0, 0, 0);
	border-top: calc(var(--size)*2) solid var(--theme-color);
	bottom: calc(var(--size)*-2.5);
	left: .3125em
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item.ongoing-event .tsmc-article-timeline-item-dot::after {
	background-color: rgba(0, 0, 0, 0);
	border: 1px dashed var(--theme-color)
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item.current-event .tsmc-article-timeline-item-body {
	border: 1px solid var(--theme-color);
	background-color: var(--theme-bg)
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item.non-isometric .tsmc-article-timeline-item-dot-wrapper::after {
	--size: 1.25em;
	width: calc(var(--size)*2);
	content: "||";
	display: flex;
	justify-content: center;
	position: absolute;
	top: calc(50% + 1.25em + var(--size));
	left: 0;
	transform: rotate(130deg);
	color: var(--theme-color);
	font-size: .5em
}

@media(min-width: 992px) {
	.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item.non-isometric .tsmc-article-timeline-item-dot-wrapper::after {
		top: calc(50% + 2.5em + var(--size))
	}
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item+.tsmc-article-timeline-item {
	margin-top: 1.1111112em
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-dot-wrapper {
	font-size: var(--tsmc-fz-article-h5);
	line-height: var(--tsmc-lh-article-h5);
	letter-spacing: var(--tsmc-ls-article-h5);
	font-weight: var(--tsmc-fw-article-h5);
	grid-area: timeline;
	display: flex;
	align-self: stretch;
	position: relative
}

@media(min-width: 768px) {
	.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-dot-wrapper {
		padding-top: 1.25em
	}
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-dot-wrapper .tsmc-article-timeline-item-dot {
	--dot-margin-top: calc((var(--tsmc-lh-article-h5) * var(--tsmc-fz-article-h5) - 1em) / 2 - 2px);
	margin-top: var(--dot-margin-top);
	flex: 0 0 auto;
	position: static;
	left: auto;
	bottom: auto;
	width: 1.25em;
	height: 1.25em;
	border: 2px solid var(--theme-color);
	border-radius: 50%;
	padding: .1875rem;
	align-self: flex-start
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-dot-wrapper .tsmc-article-timeline-item-dot:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 1px;
	height: 100%;
	background-color: var(--theme-color);
	top: 1.25em
}

@media(min-width: 768px) {
	.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-dot-wrapper .tsmc-article-timeline-item-dot:after {
		top: calc(2.5em + var(--dot-margin-top));
		height: calc(100% - var(--dot-margin-top))
	}
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-dot-wrapper .tsmc-article-timeline-item-dot-inner {
	width: 100%;
	height: 100%;
	background-color: var(--theme-color);
	border-radius: 50%
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-header {
	margin-bottom: .5em;
	grid-area: header
}

@media(min-width: 768px) {
	.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-header {
		margin-bottom: 0;
		flex: 0 0 7.75em;
		width: 7.75em
	}
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-title {
	display: inline-block;
	font-weight: 500;
	color: var(--theme-color);
	border-radius: .2777778em;
	margin-bottom: 0;
	padding: 0 0 0 .25em
}

@media(min-width: 768px) {
	.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-title {
		padding: 1.25em .888888em .3333333em
	}
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-body-title {
	font-size: var(--tsmc-fz-article-h5);
	line-height: var(--tsmc-lh-article-h5);
	letter-spacing: var(--tsmc-ls-article-h5);
	font-weight: var(--tsmc-fw-article-h5);
	text-align: center;
	margin-bottom: .555556em;
	text-align: left
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-body {
	border-radius: .5em;
	background-color: var(--tsmc-card-bg);
	padding: 1.25em;
	flex: 1 0 0%;
	box-shadow: var(--tsmc-box-shadow);
	grid-area: content
}

.tsmc-article-template.tsmc-article-template-timeline .tsmc-article-timeline-item-content {
	color: var(--tsmc-gray-quaternary)
}

.tsmc-article-template .tsmc-article-template-photo-wrapper,
.tsmc-article-template .tsmc-article-template-video-wrapper {
	display: flex;
	flex-direction: column
}

.tooltip-inner {
	text-align: left;
	max-width: 15rem
}

.tsmc-article-slider {
	position: relative;
	background-color: #f5f5f5
}

@media(max-width: 991.98px) {
	.tsmc-article-slider {
		padding-bottom: 56.25%
	}
}

@media(min-width: 992px) {
	.tsmc-article-slider {
		height: 560px
	}
}

.tsmc-article-wrapper {
	padding: 1.5rem 0 3rem;
	background-color: var(--tsmc-article-bg)
}

@media(min-width: 992px) {
	.tsmc-article-wrapper {
		padding-top: 2.5rem
	}
}

@media(min-width: 992px) {
	.tsmc-article-wrapper .container {
		max-width: 750px
	}
}

@media(min-width: 1400px) {
	.tsmc-article-wrapper .container {
		max-width: 1352px
	}
}

.tsmc-article-swiper {
	position: absolute;
	width: 100%;
	height: 100%
}

.tsmc-article-swiper .tsmc-article-slide-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0
}

.tsmc-article-swiper .tsmc-article-slide-cover:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.3) 100%)
}

.tsmc-article-swiper .tsmc-article-slide-cover .tsmc-article-slide-cover-image {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center
}

.tsmc-article-swiper .tsmc-article-slide-content {
	width: 100%;
	position: absolute;
	bottom: 2.25rem;
	left: 50%;
	z-index: 2;
	font-size: var(--tsmc-fz-h6);
	line-height: var(--tsmc-lh-h6);
	letter-spacing: var(--tsmc-ls-h6);
	font-weight: var(--tsmc-fw-h6);
	font-weight: 500;
	color: #fff;
	transform: translate(-50%, 0)
}

@media(min-width: 1400px) {
	.tsmc-article-swiper .tsmc-article-slide-content {
		bottom: 3.125rem
	}
}

.tsmc-article-swiper .tsmc-article-swiper-pagination-wrapper {
	--swiper-pagination-bottom: 1.375rem;
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0, 0, 0);
	bottom: var(--swiper-pagination-bottom, 8px);
	top: var(--swiper-pagination-top, auto);
	left: 0;
	z-index: 10;
	width: 100%
}

@media(min-width: 1400px) {
	.tsmc-article-swiper .tsmc-article-swiper-pagination-wrapper {
		--swiper-pagination-bottom: 2rem
	}
}

.tsmc-article-swiper .swiper-pagination.swiper-pagination-bullets {
	position: static;
	display: flex;
	gap: 0 .5rem
}

.tsmc-article-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	--swiper-pagination-bullet-height: 2px;
	flex: 1 0 0%;
	margin: 0;
	transition: background .3s ease-in-out, opacity .3s ease-in-out
}

.tsmc-article-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:focus {
	box-shadow: var(--tsmc-focus-box-shadow)
}

.tsmc-article-inner-wrapper {
	--tsmc-article-gutter-x: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem 0;
	margin-left: calc(var(--tsmc-article-gutter-x)*-0.5);
	margin-right: calc(var(--tsmc-article-gutter-x)*-0.5)
}

@media(min-width: 1179px) {
	.tsmc-article-inner-wrapper {
		gap: 2rem 0
	}
}

@media(min-width: 1400px) {
	.tsmc-article-inner-wrapper {
		--tsmc-article-gutter-x: 7rem;
		flex-direction: row
	}
}

.tsmc-article-inner-wrapper .tsmc-article-col {
	padding-left: calc(var(--tsmc-article-gutter-x)*.5);
	padding-right: calc(var(--tsmc-article-gutter-x)*.5);
	flex: 0 0 100%
}

@media(min-width: 1400px) {
	.tsmc-article-inner-wrapper .tsmc-article-col.tsmc-article-main-information {
		flex: 0 0 520px;
		position: sticky;
		top: 100px;
		height: 100%
	}
}

.tsmc-article-inner-wrapper .tsmc-article-col.tsmc-article-main-container {
	position: relative
}

@media(min-width: 1400px) {
	.tsmc-article-inner-wrapper .tsmc-article-col.tsmc-article-main-container {
		flex: 1 0 calc(100% - 520px);
		max-width: calc(100% - 520px)
	}

	.tsmc-article-inner-wrapper .tsmc-article-col.tsmc-article-main-container:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 1px;
		background-color: var(--tsmc-white-tertiary)
	}
}

.tsmc-article-inner-wrapper .tsmc-article-header {
	position: relative;
	height: 100%
}

.tsmc-article-main-content-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1.5rem 0;
	--theme-color: var(--tsmc-gray-tertiary);
	--theme-bg: var(--tsmc-white-secondary)
}

@media(min-width: 1400px) {
	.tsmc-article-main-content-wrapper {
		gap: 2rem 0;
		padding-right: 1.25rem
	}
}

.category-pioneer {
	--theme-color: var(--tsmc-esg-blue);
	--theme-bg: var(--tsmc-esg-blue-secondary)
}

.category-purchaser {
	--theme-color: var(--tsmc-esg-orange);
	--theme-bg: var(--tsmc-esg-orange-secondary)
}

.category-enforcer {
	--theme-color: var(--tsmc-esg-green);
	--theme-bg: var(--tsmc-esg-green-secondary)
}

.category-employer {
	--theme-color: var(--tsmc-esg-purple);
	--theme-bg: var(--tsmc-esg-purple-secondary)
}

.category-power {
	--theme-color: var(--tsmc-esg-pink);
	--theme-bg: var(--tsmc-esg-pink-secondary)
}

.tsmc-article-main-content {
	display: flex;
	flex-direction: column
}

.tsmc-article-main-content.tsmc-article-main-normal {
	font-size: 1.2rem
}

.tsmc-article-main-content.tsmc-article-main-large {
	font-size: 1.44rem
}

.breadcrumb {
	--bs-link-color: var(--tsmc-gray-quaternary);
	--bs-breadcrumb-divider-color: var(--tsmc-gray-quaternary);
	--bs-breadcrumb-font-size: var(--tsmc-fz-note);
	--bs-breadcrumb-margin-bottom: 0px;
	--bs-breadcrumb-item-active-color: var(--tsmc-gray-primary)
}

[data-theme=dark] .breadcrumb .breadcrumb-item.active {
	--bs-breadcrumb-divider-color: #6c6b6b
}

.breadcrumb .breadcrumb-item.active {
	--bs-breadcrumb-divider-color: #1b1b1b
}

.svg-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	contain: strict;
	box-sizing: content-box !important;
	contain: strict
}

.svg-icon.type_stroke .icon_svg {
	fill: rgba(0, 0, 0, 0);
	stroke: currentColor
}

.svg-icon.type_fill .icon_svg {
	fill: currentColor;
	stroke: rgba(0, 0, 0, 0)
}

.svg-icon .icon_inner {
	display: block;
	height: 100%;
	width: 100%
}

.svg-icon .icon_svg {
	display: block;
	height: 100%;
	width: 100%
}

.tsmc-article-tooltip .tooltip-inner {
	font-size: var(--tsmc-fz-article-body);
	line-height: var(--tsmc-lh-article-body);
	letter-spacing: var(--tsmc-ls-article-body);
	font-weight: var(--tsmc-fw-article-body)
}

@media(min-width: 768px) {
	.tsmc-article-tooltip .tooltip-inner {
		max-width: 25rem
	}
}

.seperator-list {
	--seperator-bar-height: 0.625rem;
	--seperator-bar-color: var(--tsmc-gray-quaternary);
	--seperator-item-color: var(--tsmc-gray-quaternary);
	--seperator-item-hover-color: var(--tsmc-theme-primary);
	--seperator-item-active-color: var(--tsmc-gray-primary);
	list-style: none;
	display: inline-flex;
	align-items: center;
	padding: 0;
	margin: 0
}

.seperator-list-item {
	position: relative
}

.seperator-list-item:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	height: var(--seperator-bar-height);
	width: 1px;
	background-color: var(--seperator-bar-color);
	transform: translate(0, -50%)
}

.seperator-list-item:last-child:after {
	display: none
}

.seperator-list-item .seperator-list-item-link {
	--bs-link-color: var(--seperator-item-color);
	--bs-link-hover-color: var(--seperator-item-hover-color);
	--bs-link-active-color: var(--seperator-item-active-color);
	--bs-btn-active-color: var(--seperator-item-active-color)
}

.seperator-list-item .seperator-list-item-link.active {
	color: var(--seperator-item-active-color)
}

.seperator-list-item .seperator-list-item-link.active:hover {
	color: var(--seperator-item-hover-color)
}

.biodiversity-overwrite.onKeyView:not(.isMobileMenuOn) .seperator-list {
	--seperator-item-active-color: #ffffff
}

.site-brand {
	--tsmc-brand-logo-width: 2.875rem;
	--tsmc-brand-logo-height: 2.25rem
}

.site-brand .brand-logo {
	width: var(--tsmc-brand-logo-width);
	height: var(--tsmc-brand-logo-height)
}

.site-brand .brand-text {
	font-size: var(--tsmc-fz-body);
	line-height: var(--tsmc-lh-body);
	letter-spacing: var(--tsmc-ls-body);
	font-weight: var(--tsmc-fw-body);
	margin-left: 1rem
}

@media(max-width: 991.98px) {
	.site-brand .brand-text {
		margin-left: .5rem;
		font-size: var(--tsmc-fz-note);
		line-height: var(--tsmc-lh-note);
		letter-spacing: var(--tsmc-ls-note);
		font-weight: var(--tsmc-fw-note)
	}
}

.tsmc-table-wrapper {
	border-radius: .625rem
}

.tsmc-article-editor-main-wrapper .tsmc-article-authors {
	flex-direction: column;
	align-items: normal
}

.tsmc-article-editor-main-wrapper .tsmc-article-authors .tsmc-article-author-item {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.tsmc-article-editor-main-wrapper .tsmc-article-authors .tsmc-article-author-item .tsmc-article-author-actions {
	margin-left: auto
}

.tsmc-article-editor-main-wrapper .tsmc-article-authors .tsmc-article-author {
	display: flex;
	flex-direction: row
}

.tsmc-article-table-editor .tsmc-article-table-action-footer {
	text-align: center
}

.tsmc-article-empty-action {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: .75rem;
	height: 100px;
	background-color: #d2d2d2;
	border: 4px dashed #a1a1a1;
	color: #6c6b6b
}

.tsmc-article-editor-wrapper:hover>.tsmc-article-editor-group {
	opacity: .35
}

.tsmc-article-main-information-wrapper {
	position: sticky;
	top: 94px;
	display: flex;
	flex-direction: column;
	gap: 2rem 0
}

.tsmc-article-editor-main-wrapper .tsmc-article-inner-wrapper {
	--tsmc-article-gutter-x: 6rem
}

.tsmc-article-editor-main-wrapper .tsmc-article-main-content-wrapper {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto
}

.tsmc-article-editor-group {
	padding-bottom: 1rem;
	padding-left: 3rem;
	padding-right: 3rem;
	transition: border-color .3s ease-in-out, opacity .3s ease-in-out
}

@media(min-width: 1400px) {
	.tsmc-article-editor-group {
		padding-left: 0;
		padding-right: 0
	}
}

/*
.tsmc-article-editor-group:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0)
}
*/

.tsmc-article-editor-group:hover {
	border-color: #d2d2d2;
	opacity: 1 !important
}

.tsmc-article-editor-group:hover .tsmc-article-template-actions {
	opacity: 1
}

.tsmc-article-editor-group .tsmc-article-main-content-wrapper {
	position: relative
}

.tsmc-article-editor-group .tsmc-article-template-actions {
	position: absolute;
	bottom: 0;
	opacity: 0;
	transition: opacity .3s ease-in-out
}

.tsmc-article-editor-group .tsmc-article-template-actions.tsmc-article-template-start {
	left: -0.375rem;
	transform: translate(-100%, 0)
}

@media(min-width: 1400px) {
	.tsmc-article-editor-group .tsmc-article-template-actions.tsmc-article-template-start {
		left: -1.25rem
	}
}

.tsmc-article-editor-group .tsmc-article-template-actions.tsmc-article-template-end {
	right: -0.375rem;
	transform: translate(100%, 0)
}

@media(min-width: 1400px) {
	.tsmc-article-editor-group .tsmc-article-template-actions.tsmc-article-template-end {
		right: 0
	}
}

.tsmc-article-editor-group .tsmc-article-template-actions .btn {
	--bs-btn-padding-x: 0.5rem
}

/*
.tsmc-article-template.tsmc-article-template-paragraph>.form-content-editor {
	margin-left: -15px;
	margin-right: -15px
}
*/

.tsmc-article-template.tsmc-article-template-quote .form-content-editor {
	min-height: 8rem
}

.tsmc-article-template.tsmc-article-template-quote .tsmc-article-template-quote-spokesperson .form-control {
	border-width: 0 0 1px 0
}

.tsmc-article-template table>:not(caption)>*>*.fr-selected-cell:first-child {
	border-left: 1px double #0098f7
}

.tsmc-article-template table>:not(caption)>*>*.fr-selected-cell:last-child {
	border-right: 1px double #0098f7
}