:root {
	--sk-tile-padding: 1em 1.5em;
	--sk-cssgrid-row-gutter-inner: 2em;
}

:root .home-topics {
	--sk-cssgrid-row-gutter-inner: 1em;
}

/* @media only screen and (max-width: 1068px) {
	:root {
		--sk-tile-padding: 1em 1.5em;
	}
} */

body[data-color-scheme="dark"] {
	--bg-light-override: #161617;
	--df-sidenav-border-color: #333;
	--default-color: #fff;
	--default-color-invert: #000;
	--card-border-color: #333;
	--topic-card-hover-background-color: #1c1c1c;
}

body[data-color-scheme="light"] {
	--bg-light-override: #f5f5f7;
	--df-sidenav-border-color: #cdcdcd;
	--default-color: #000;
	--default-color-invert: #fff;
	--card-border-color: #ddd;
	--topic-card-hover-background-color: #f5f5f7;
}

.main {
	min-height: 100vh;
}

.view-collection .featured-content .video-tags li,
.view-collection .all-content .video-tags li,
.view-collection .collection-overview .focus-group-links li {
	display: inline-block;
}

.view-collection .featured-content .video-tags li:not(:first-child):before,
.view-collection .all-content .video-tags li:not(:first-child):before,
.view-collection .collection-overview .focus-group-links li:not(:first-child):before {
	content: "·";
	display: inline-block;
	margin-left: 0.175em;
	margin-right: 0.4em;
	color: #999;
}

.bg-dark {
	background: #000;
}

.bg-dark .divider-top,
.bg-dark .divider-bottom,
.bg-dark .divider-left,
.bg-dark .divider-right {
	border-color: #262626;
}

.bg-dark a {
	font-weight: 400;
}

.main.bg-light {
	background-color: #fafafa;
}

.checkbox-wrapper input,
.checkbox-wrapper span {
	vertical-align: middle;
}

.checkbox-wrapper input:not(:checked)+span {
	color: #999;
}

.checkbox-wrapper span {
	margin-left: 0.35em;
	-webkit-transition: color 0.5s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: color 0.5s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition: color 0.5s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: color 0.5s 0s cubic-bezier(0.77, 0, 0.175, 1);
	transition: color 0.5s 0s cubic-bezier(0.77, 0, 0.175, 1);
}

/* .grid .row.compact [class*="column"] {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
} */
main ul,
main ul ul {
	margin: 0;
	list-style-type: none;
}

video {
	margin-bottom: 1em;
}

video:focus {
	outline-width: 0;
}

video img {
	width: 100% !important;
	height: auto !important;
}

html {
	width: 100%;
	height: 100%;
}

.main {
	overflow: initial !important;
}

.theme-dark .developer-router-links {
	background-color: #222;
}

.theme-dark .developer-router-links+#globalfooter-wrapper>*:first-child {
	border-color: #444;
}

.theme-dark #globalfooter-wrapper {
	background-color: #222;
	color: #666;
}

.theme-dark #globalfooter a:hover {
	color: #666;
}

.theme-dark .developer-router-links h5 {
	font-size: 17px;
	color: #ccc;
}

.theme-dark .developer-router-links p.typography-subbody:first-of-type {
	margin-top: 0.4em;
}

.theme-dark .footer-breadory .breadcrumbs-home {
	background-position: 0 2px;
	background-image: url("/assets/elements/icons/brandmark/apple-developer-brandmark-i.svg");
}

.theme-dark #globalfooter-wrapper .footer-breadory a {
	background-color: #222;
	color: #999 !important;
}

.theme-dark #globalfooter-wrapper .footer-breadory a:hover {
	color: #ccc;
}

.theme-dark .footer-breadory .breadcrumbs .breadcrumbs-list>li:before {
	left: 3px;
	top: 3px;
	background-image: url("/assets/elements/icons/breadcrumbs/separator-i.svg");
}

.theme-dark .footer-breadory .breadcrumbs .breadcrumbs-list>li:first-child:before {
	left: -7px;
}

.theme-dark #globalfooter-wrapper .footer-breadory #directorynav>.column h3 a {
	color: #fff !important;
}

.theme-dark .ac-gf-footer-legal .ac-gf-footer-news {
	border-color: #444;
	color: #666;
}

.theme-dark #globalfooter .ac-gf-footer-legal .ac-gf-footer-legal-links a,
.theme-dark #globalfooter .ac-gf-footer-legal .ac-gf-footer-language-links a {
	color: #999;
	border-color: #444;
}

.theme-dark #globalfooter .ac-gf-footer-legal .ac-gf-footer-legal-links a:hover,
.theme-dark #globalfooter .ac-gf-footer-legal .ac-gf-footer-language-links a:hover {
	color: #ccc;
}

@media only screen and (max-width: 734px) {
	.theme-dark .footer-breadory .breadcrumbs-home {
		background-position: 0 1px;
		border-color: #444;
	}

	.theme-dark .footer-breadory .directorynav>.column h3,
	.theme-dark .footer-breadory .directorynav>.column:last-of-type {
		background-color: #222;
		border-color: #666;
	}
}

.theme-dark #ac-globalnav {
	background-color: #313131;
}

.theme-dark #ac-globalnav .ac-gn-link-apple-developer {
	background-image: url(/assets/elements/icons/brandmark/apple-developer-brandmark-i.svg);
}

.theme-dark #ac-globalnav .ac-gn-link {
	color: #fff;
}

.theme-dark #ac-globalnav .ac-gn-link-search,
#ac-globalnav .ac-gn-searchform-submit {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='44' viewBox='0 0 16 44'%3E%3Cpath d='M15.27 28.29l-4.06-4.06a6.113 6.113 0 0 0 1.35-3.83c0-3.39-2.76-6.15-6.15-6.15-3.39 0-6.15 2.76-6.15 6.15s2.76 6.15 6.15 6.15c1.43 0 2.75-.5 3.8-1.33l4.06 4.06 1-.99zM6.4 25.33a4.93 4.93 0 0 1-4.92-4.92c0-2.71 2.2-4.92 4.92-4.92s4.92 2.21 4.92 4.92c.01 2.71-2.2 4.92-4.92 4.92z' fill='white'/%3E%3C/svg%3E");
}

.theme-dark #ac-globalnav .ac-gn-searchform-input {
	color: #fff;
}

.theme-dark .localnav-scrim.localnav .localnav-background,
.localnav-scrim.localnav.theme-dark .localnav-background {
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	background-color: rgba(0, 0, 0, 0.7) !important;
}

@media only screen and (max-width: 734px) {

	.theme-dark #ac-gn-menustate:checked~#ac-globalnav,
	.theme-dark #ac-gn-menustate:target~#ac-globalnav,
	.theme-dark #ac-gn-menustate:checked~#ac-globalnav .ac-gn-search-placeholder-container,
	.theme-dark #ac-gn-menustate:target~#ac-globalnav .ac-gn-search-placeholder-container {
		background: #000;
	}

	.theme-dark #ac-globalnav .ac-gn-searchview-close-left,
	.theme-dark #ac-globalnav .ac-gn-searchview-close-right,
	.theme-dark #ac-globalnav .ac-gn-menuicon-bread-crust {
		background: #fff;
	}

	.theme-dark #ac-globalnav .ac-gn-search-placeholder-bar:after,
	.theme-dark #ac-globalnav .ac-gn-search-placeholder-container:after,
	.theme-dark #ac-globalnav.searchshow .ac-gn-search-placeholder-input,
	.theme-dark #ac-globalnav.searchopen .ac-gn-search-placeholder-input,
	.theme-dark #ac-globalnav.searchhide .ac-gn-search-placeholder-input,
	.theme-dark #ac-globalnav.searchshow .ac-gn-search-placeholder-container .ac-gn-searchview-close:before,
	.theme-dark #ac-globalnav.searchopen .ac-gn-search-placeholder-container .ac-gn-searchview-close:before,
	.theme-dark #ac-globalnav.searchhide .ac-gn-search-placeholder-container .ac-gn-searchview-close:before,
	.theme-dark #ac-globalnav .ac-gn-item-menu:nth-child(3)::before,
	.theme-dark #ac-globalnav .ac-gn-item-menu:nth-child(4)::before,
	.theme-dark #ac-globalnav .ac-gn-item-menu:nth-child(5)::before,
	.theme-dark #ac-globalnav .ac-gn-item-menu:nth-child(6)::before,
	.theme-dark #ac-globalnav .ac-gn-item-menu:nth-child(7)::before,
	.theme-dark #ac-globalnav .ac-gn-item-menu:nth-child(8)::before,
	.theme-dark #ac-globalnav .ac-gn-searchform-wrapper {
		background: #222;
	}

	.theme-dark #ac-globalnav .ac-gn-searchview-bar {
		background: #000;
		border-bottom-color: #282828;
	}

	.theme-dark #ac-globalnav .ac-gn-link-search {
		background-size: auto;
	}

	.theme-dark #ac-globalnav .ac-gn-searchform-input {
		color: #fff;
	}
}

.view-landing .bg-dark a {
	color: #0070c9;
}

.view-landing .bg-dark a:hover {
	color: #0070c9;
}

.view-landing main .bg-black {
	background-color: #000;
}

.view-landing main .more {
	overflow: auto;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-landing main .text-center {
		text-align: center;
	}
}

.view-landing main .search-form input.searchbar {
	padding-left: 40px;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgl3aWR0aD0iMTlweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTkgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5IDE5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNMTcuNjMyLDE2Ljk1NWwtNC43NjEtNC43NjJjMS4xMDktMS4xODgsMS43OTUtMi43NzYsMS43OTUtNC41MjdjMC0zLjY2Ny0yLjk4Mi02LjY0OS02LjY0OS02LjY0OQ0KCQljLTMuNjY3LDAtNi42NDksMi45ODItNi42NDksNi42NDhjMCwzLjY2NywyLjk4Miw2LjY0Nyw2LjY0OSw2LjY0N2MxLjM5MSwwLDIuNjgyLTAuNDMyLDMuNzUtMS4xNjRsNC44MzQsNC44MzRMMTcuNjMyLDE2Ljk1NXoNCgkJTTIuODI0LDcuNjY2YzAtMi44NjMsMi4zMy01LjE5Miw1LjE5Mi01LjE5MmMyLjg2NCwwLDUuMTkyLDIuMzI5LDUuMTkyLDUuMTkyYzAsMi44NjEtMi4zMjgsNS4xOTEtNS4xOTIsNS4xOTENCgkJQzUuMTU0LDEyLjg1NSwyLjgyNCwxMC41MjcsMi44MjQsNy42NjZ6Ii8+DQoJPC9zdmc+");
	background-position: 12px 50%;
	background-repeat: no-repeat;
	background-size: 19px 19px;
}

.view-landing main .featured .column:nth-child(5n + 1) {
	clear: both;
}

.view-landing main .featured img.featured-thumbnail {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-landing main .featured img.featured-thumbnail {
		width: 100vw;
		margin-left: -1.5em;
		margin-right: -1.5em;
	}
}

.view-landing main .nextrouter-sentence {
	max-width: 425px;
}

.view-landing main .image-nextrouter {
	background-image: url("/app-store/index/images/three-minute-games-tile.jpg");
	background-repeat: no-repeat;
	background-size: auto 348px;
	background-position: center center;
	height: 348px;
}

.view-landing .section-whats-new {
	padding-top: 130px;
	background-image: url("/videos/images/f17.jpg");
	background-size: cover;
	margin-bottom: 15px;
	height: 450px;
}

.view-landing .section-whats-new.theme-dark a,
.view-landing .section-whats-new.theme-dark .typography-intro {
	color: #fff;
}

@media only screen and (max-width: 734px) {
	.view-landing .section-whats-new .copy-wrapper {
		margin-top: 0px;
	}
}

.view-landing .section-developer-insights {
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
	min-height: 400px;
	overflow: hidden;
}

.view-landing .section-developer-insights.bg-purple {
	background: #4a3366;
	color: #fff;
}

.view-landing .section-developer-insights.bg-purple a {
	color: #fff;
}

.view-landing .section-developer-insights .copy-wrapper {
	margin-top: 70px;
}

@media only screen and (max-width: 734px) {
	.view-landing .section-developer-insights .copy-wrapper {
		margin-top: 0px;
	}
}

@media only screen and (min-width: 736px) and (max-width: 900px) {
	.view-landing .collections img.collection-thumbnail {
		width: 170px !important;
		height: 170px !important;
	}
}

.view-landing figure[data-figure-id="image-developer-insights"] {
	position: absolute;
	top: 0px;
	left: 54%;
	width: 686px;
	height: 400px;
	background-repeat: no-repeat;
	background-image: url("/videos/images/insights/developer-insights.jpg");
	background-size: 686px 400px;
	background-position: left center;
}

/* @media only screen and (max-width: 1068px) {
	.view-landing .section-collections.grid {
		width: 100%;
	}
} */
@media only screen and (max-width: 734px) {
	.view-landing figure[data-figure-id="image-developer-insights"] {
		top: 0;
		left: 0;
		position: relative;
		margin-top: 48px;
	}
}

.section-bg-lighter {
	background-color: #222;
}

.section-bg-darker {
	background-color: #121212;
}

.hero-wwdc24 {
	background-image: url("/videos/images/home/wwdc24.jpg");
	background-repeat: no-repeat;
	background-size: 980px 456px;
	background-position: center center;
	width: 100%;
	height: 456px;
	border: 1px solid var(--card-border-color);
	border-radius: 10px;
}

@media only screen and (max-width: 1068px) {
	.hero-wwdc24 {
		background-size: 690px 321px;
		height: 321px;
	}
}

@media only screen and (max-width: 734px) {
	.hero-wwdc24 {
		background-size: 500px 233px;
		height: 233px;
	}
}

.hero-library {
	background-image: url("/videos/images/home/library_large.jpg");
	background-repeat: no-repeat;
	background-size: 980px 468px;
	background-position: center center;
	width: 100%;
	height: 468px;
}

@media only screen and (max-width: 1068px) {
	.hero-library {
		background-image: url("/videos/images/home/library_medium.jpg");
		background-size: 690px 329px;
		height: 329px;
	}
}

@media only screen and (max-width: 734px) {
	.hero-library {
		background-image: url("/videos/images/home/library_small.jpg");
		background-size: 500px 230px;
		height: 239px;
	}
}

.home-page-topics img {
	width: 100%;
}

.home-page-topics a:hover {
	text-decoration: none;
}

.home-page-editorial-collection img {
	width: 100%;
	display: block;
}

.home-page-editorial-collection a:hover {
	text-decoration: none;
}

.home-page-editorial-collection .event-name {
	font-size: 0.7em;
	color: #999;
}

.home-page-editorial-collection h4 {
	font-size: 1em;
}

.home-page-editorial-collection a {
	position: relative;
	display: inline-block;
}

.home-page-editorial-collection span.video-duration {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	padding: 5px 6px;
	background: #000;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 0.7em;
	font-weight: 700;
	line-height: 1;
}

.topic-page-topics img {
	width: 100%;
}

.topic-page-topics a:hover {
	text-decoration: none;
}

.view-landing .section-details .sticky {
	/* background-color: rgba(51, 51, 51, 0.95); */
	padding-top: 0.8em;
	padding-bottom: 0.75em;
	border-bottom: none !important;
	top: 48px;
	display: none;
	/* background-color: rgba(51, 51, 51, 0.9); */
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}

.view-landing .section-details .sticky .focus-group-link {
	display: block;
}

.view-landing .section-details .sticky .small-caps {
	margin-left: 0;
}

@media only screen and (max-width: 734px) {
	.view-landing .section-details .sticky {
		display: block;
	}

	.view-landing .section-details .section-block {
		padding-top: 1em !important;
	}

	.view-landing .editorial-headline-container {
		display: none;
	}

	.view-landing .home-page-editorial-collection .video-meta {
		display: inline-block;
		vertical-align: top;
		padding-left: 10px;
		max-width: 55vw;
	}

	.view-landing .home-page-editorial-collection img {
		width: 30vw !important;
	}

	.view-landing .home-page-editorial-collection a {
		vertical-align: top;
	}
}

video.video {
	width: 100%;
	/* border-radius: 18px;
	border: 1px solid var(--card-border-color); */
}

.view-play .main .lighter {
	color: #999;
}

.view-play .main .bg-dark .back-link {
	margin-bottom: -0.5em;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-play .main .bg-dark .back-link {
		display: none;
	}
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-play .main .bg-dark .video-wrapper {
		padding-top: 1em;
	}
}

.view-play .main .bg-dark video {
	border: none !important;
}

.view-play .main .tab-menu .column {
	padding-top: 0.75em !important;
	padding-bottom: 0 !important;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-play .main .tab-menu ul.tabs {
		padding-bottom: 0.75em;
	}
}

@media screen and (min-width: 736px) {
	.view-play .main .tab-menu ul.tabs {
		padding-bottom: 0.45em;
	}
}

.view-play .main .tab-menu li.tab {
	display: inline-block;
	margin-bottom: -0.4em;
	padding-bottom: 0;
	-webkit-transition: all 0.12s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: all 0.12s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition: all 0.12s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.12s 0s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.12s 0s cubic-bezier(0.77, 0, 0.175, 1);
}

@media screen and (min-width: 736px) {
	.view-play .main .tab-menu li.tab {
		padding-bottom: 0.6em;
	}
}

.view-play .main .tab-menu li.tab:not(:last-child):not([class*="right"]) {
	margin-right: 1.25em;
}


.theme-dark .view-play .main .tab-menu li.tab a {
	color: var(--sk-body-text-color, rgb(245, 245, 247))
}

.view-play .main .tab-menu li.tab a {
	color: var(--sk-body-text-color, rgb(29, 29, 31));
}

.view-play .main .tab-menu li.tab:hover {
	opacity: 0.95;
}

.view-play .main .tab-menu li.tab:hover a {
	text-decoration: none;
}

.theme-dark .view-play .main .tab-menu li.tab:not(.active):not(:hover) a {
	color: var(--sk-body-text-color, rgb(245, 245, 247))
}

.view-play .main .tab-menu li.tab:not(.active):not(:hover) a {
	color: var(--sk-body-text-color, rgb(29, 29, 31));
}

.view-play .main .tab-menu li.tab.active a span {
	font-weight: 600 !important;
	font-size: 17px;
	line-height: 1.52947;
}

.view-play .main .tab-menu li.tab a span {
	font-size: 17px;
	line-height: 1.52947;
}

@media screen and (min-width: 736px) {
	.view-play .main .tab-menu li.tab.hairline {
		border-bottom: 1px solid transparent;
	}

	.view-play .main .tab-menu li.tab.hairline.active {
		border-bottom-color: #000;
	}
}

@media screen and (min-width: 736px) {
	.view-play .main .tab-menu li.tab[data-supplement-id="search"] {
		margin-bottom: -4px;
	}
}

.view-play .main .tab-menu li.tab[data-supplement-id="search"]:not(.active):not(:hover) a span {
	opacity: 0.35;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-play .main .tab-menu li.tab[data-supplement-id="search"]:not(.active)+.searchbar-wrapper.mobile {
		padding-top: 0;
		padding-bottom: 0;
		max-height: 0;
	}
}

@media screen and (min-width: 736px) {
	.view-play .main .tab-menu li.tab[data-supplement-id="search"]>a {
		display: none;
	}
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-play .main .tab-menu li.tab[data-supplement-id="search"] a span {
		display: block;
		margin-top: 0.275em;
		margin-top: 4px;
		width: 20px;
		height: 20px;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgl3aWR0aD0iMTlweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTkgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5IDE5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNMTcuNjMyLDE2Ljk1NWwtNC43NjEtNC43NjJjMS4xMDktMS4xODgsMS43OTUtMi43NzYsMS43OTUtNC41MjdjMC0zLjY2Ny0yLjk4Mi02LjY0OS02LjY0OS02LjY0OQ0KCQljLTMuNjY3LDAtNi42NDksMi45ODItNi42NDksNi42NDhjMCwzLjY2NywyLjk4Miw2LjY0Nyw2LjY0OSw2LjY0N2MxLjM5MSwwLDIuNjgyLTAuNDMyLDMuNzUtMS4xNjRsNC44MzQsNC44MzRMMTcuNjMyLDE2Ljk1NXoNCgkJTTIuODI0LDcuNjY2YzAtMi44NjMsMi4zMy01LjE5Miw1LjE5Mi01LjE5MmMyLjg2NCwwLDUuMTkyLDIuMzI5LDUuMTkyLDUuMTkyYzAsMi44NjEtMi4zMjgsNS4xOTEtNS4xOTIsNS4xOTENCgkJQzUuMTU0LDEyLjg1NSwyLjgyNCwxMC41MjcsMi44MjQsNy42NjZ6Ii8+DQoJPC9zdmc+);
		background-size: auto 100%;
		background-position: center;
		background-repeat: no-repeat;
	}
}

@media screen and (min-width: 736px) {
	.view-play .main .tab-menu .tab[data-supplement-id="search"]:not(.active) .searchbar-wrapper input[type="text"] {
		width: 0;
		border-color: transparent;
		background-color: transparent;
	}
}

.view-play .main .tab-menu .searchbar-wrapper {
	-webkit-transition: all 0.28s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: all 0.28s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition: all 0.28s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.28s 0s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.28s 0s cubic-bezier(0.77, 0, 0.175, 1);
}

.view-play .main .tab-menu .searchbar-wrapper button:focus,
.view-play .main .tab-menu .searchbar-wrapper input[type="text"]:focus {
	outline: none;
	box-shadow: none;
}

.view-play .main .tab-menu .searchbar-wrapper input[type="text"] {
	-webkit-transition: all 0.45s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: all 0.45s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition: all 0.45s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all 0.45s 0s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 0.45s 0s cubic-bezier(0.77, 0, 0.175, 1);
}

.view-play .main .tab-menu .searchbar-wrapper.mobile {
	overflow: hidden;
	padding-top: 0.6em;
	padding-bottom: 0.2em;
	max-height: 52px;
}

@media screen and (min-width: 736px) {
	.view-play .main .tab-menu .searchbar-wrapper.mobile {
		display: none;
	}
}

.view-play .main .tab-menu .searchbar-wrapper.mobile input[type="text"] {
	margin-top: 0.25em;
	padding: 0.65em 1em 0.5em;
}

.view-play .main .tab-menu .searchbar-wrapper.desktop {
	position: relative;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-play .main .tab-menu .searchbar-wrapper.desktop {
		display: none;
	}
}

.view-play .main .tab-menu .searchbar-wrapper.desktop button,
.view-play .main .tab-menu .searchbar-wrapper.desktop input[type="text"] {
	display: inline-block;
}

.view-play .main .tab-menu .searchbar-wrapper.desktop button.search-icon {
	position: relative;
	border: none;
	background: transparent;
	cursor: pointer;
	z-index: 999;
	margin-top: 4px;
	width: 20px;
	height: 20px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgl3aWR0aD0iMTlweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTkgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5IDE5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNMTcuNjMyLDE2Ljk1NWwtNC43NjEtNC43NjJjMS4xMDktMS4xODgsMS43OTUtMi43NzYsMS43OTUtNC41MjdjMC0zLjY2Ny0yLjk4Mi02LjY0OS02LjY0OS02LjY0OQ0KCQljLTMuNjY3LDAtNi42NDksMi45ODItNi42NDksNi42NDhjMCwzLjY2NywyLjk4Miw2LjY0Nyw2LjY0OSw2LjY0N2MxLjM5MSwwLDIuNjgyLTAuNDMyLDMuNzUtMS4xNjRsNC44MzQsNC44MzRMMTcuNjMyLDE2Ljk1NXoNCgkJTTIuODI0LDcuNjY2YzAtMi44NjMsMi4zMy01LjE5Miw1LjE5Mi01LjE5MmMyLjg2NCwwLDUuMTkyLDIuMzI5LDUuMTkyLDUuMTkyYzAsMi44NjEtMi4zMjgsNS4xOTEtNS4xOTIsNS4xOTENCgkJQzUuMTU0LDEyLjg1NSwyLjgyNCwxMC41MjcsMi44MjQsNy42NjZ6Ii8+DQoJPC9zdmc+);
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.view-play .main .tab-menu .searchbar-wrapper.desktop input[type="text"] {
	margin: -2.5px 0 0 -2em;
	padding: 0.45em 1em 0.35em 2em;
	width: 400px;
	font-size: 1rem;
}

.view-play .main .supplements {
	min-height: 220px;
}

.view-play .main .supplements .supplement:not(.active) {
	display: none;
}

.view-play .main .supplements .details {
	padding-top: 2em;
	padding-bottom: 2em;
}

.view-play .main .supplements .details h1 {
	margin-bottom: 0.35em;
	font-size: 1.8em;
	line-height: 1.1;
	letter-spacing: -0.008em;
}

.view-play .main .supplements .details h2 {
	margin-bottom: 0.35em;
	font-size: 1.4em;
	line-height: 1.1;
	padding-bottom: 10px;
}

.view-play .main .supplements .details h4 {
	font-size: 1.2em;
}

.view-play .main .supplements .details .small-caps {
	margin-left: 2px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.065em;
}

.view-play .main .supplements .details .links {
	margin-bottom: 2em;
}

.view-play .main .supplements .details .links>li {
	margin-bottom: 0.65em;
	padding-left: 32px;
}

.view-play .main .supplements .details .links li .options li {
	display: inline-block;
	margin-bottom: 0;
}

.view-play .main .supplements .details .links li .options li a {
	display: inline;
}

.view-play .main .supplements .details .links li .options li:not(:first-child):before {
	content: "|";
	display: inline-block;
	margin-left: 0.5em;
	margin-right: 0.5em;
	color: #ababab;
}

.view-play .main .supplements .related {
	padding-top: 2em;
	padding-bottom: 2em;
}

.view-play .main .supplements .related .links>li {
	margin-bottom: 0.65em;
	padding-left: 32px;
}

.view-play .main .supplements .related h4 {
	margin-bottom: 0.5em;
}

.view-play .main .supplements .related .links li .options li {
	display: inline-block;
	margin-bottom: 0;
}

.view-play .main .supplements .related .links li .options li a {
	display: inline;
}

.view-play .main .supplements .related .links li .options li:not(:first-child):before {
	content: "|";
	display: inline-block;
	margin-left: 0.5em;
	margin-right: 0.5em;
	color: #ababab;
}

.view-play .main .supplements .transcript {
	padding-top: 2em;
	padding-bottom: 2em;
	overflow-y: scroll;
	padding-right: 1.5em;
	max-height: 550px;
}

.theme-dark .view-play .main .supplements .transcript a.sentence:not(:hover) {
	color: var(--sk-body-text-color, rgb(245, 245, 247))
}

.view-play .main .supplements .transcript a.sentence:not(:hover) {
	color: var(--sk-body-text-color, rgb(29, 29, 31));
}

.view-play .main .supplements .transcript .download-transcript {
	color: #aaa;
}

.view-play .main .supplements .transcript .download-transcript:hover {
	cursor: pointer;
}

.view-play .main .supplements .search {
	padding-top: 2em;
	padding-bottom: 2em;
}

.view-play .main .supplements .search .transcript-result {
	padding-right: 2em;
	max-width: 720px;
	cursor: pointer;
}

.view-play .main .supplements .search .transcript-result .column {
	float: none;
}

@media screen and (min-width: 736px) {
	.view-play .main .supplements .search .transcript-result .column {
		position: relative;
		padding: 2em 1em;
	}
}

.view-play .main .supplements .search .transcript-result span {
	display: block;
}

.view-play .main .supplements .search .transcript-result .timestamp {
	margin-bottom: 0.35em;
}

@media screen and (min-width: 736px) {
	.view-play .main .supplements .search .transcript-result .timestamp {
		position: absolute;
		top: 2px;
		left: -2em;
	}
}

.view-play .main .supplements .search .transcript-result .timestamp:before,
.view-play .main .supplements .search .transcript-result .timestamp:after {
	display: inline-block;
}

.view-play .main .supplements .search .transcript-result .timestamp:before {
	content: "(";
}

@media screen and (min-width: 736px) {
	.view-play .main .supplements .search .transcript-result .timestamp:before {
		content: "";
	}
}

.view-play .main .supplements .search .transcript-result .timestamp:after {
	content: ")";
}

@media screen and (min-width: 736px) {
	.view-play .main .supplements .search .transcript-result .timestamp:after {
		content: "";
	}
}

.view-play .main .supplements .search .transcript-result:not(:last-child) {
	margin-bottom: 1.35em;
}

.view-play .main .supplements .search .more-results {
	margin-top: 0.8em;
}

/* @media screen and (min-width: 320px) and (max-width: 734px) {
	.view-play .main .bg-dark .grid {
		padding-left: 0;
		padding-right: 0;
	}
	.view-play .main .bg-dark .grid .column {
		margin-bottom: -1em;
		padding: 0 1em;
	}
} */
.view-play .main .no-video-banner {
	width: 100%;
	margin: 0;
	position: relative;
	text-align: center;
}

.view-play .main .no-video-banner:after {
	padding-top: 56.25%;
	display: block;
	content: "";
}

.view-play .main .no-video-copy {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.view-play .main .no-video-copy p {
	font-size: 32px;
	font-weight: 400;
	color: #888;
	padding-top: 18%;
}

@media screen and (min-width: 1024px) {
	video::cue {
		font-weight: 200;
		color: #fff;
	}
}

ul.links.small>li.document,
ul.links.small>li.file,
ul.links.small>li.pdf,
ul.links.small>li.guide {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23EFEFEF%22%20d%3D%22M29.3180195%2C3.31801948%20L41.6819805%2C15.6819805%20C42.5258942%2C16.5258942%2043%2C17.6704868%2043%2C18.863961%20L43%2C43.5%20C43%2C45.9852814%2040.9852814%2C48%2038.5%2C48%20L11.5%2C48%20C9.01471863%2C48%207%2C45.9852814%207%2C43.5%20L7%2C6.5%20C7%2C4.01471863%209.01471863%2C2%2011.5%2C2%20L26.136039%2C2%20C27.3295132%2C2%2028.4741058%2C2.47410578%2029.3180195%2C3.31801948%20Z%20M24%2C5%20L11.5%2C5%20C10.6715729%2C5%2010%2C5.67157288%2010%2C6.5%20L10%2C43.5%20C10%2C44.3284271%2010.6715729%2C45%2011.5%2C45%20L38.5%2C45%20C39.3284271%2C45%2040%2C44.3284271%2040%2C43.5%20L40%2C21%20L28.5%2C21%20C26.0147186%2C21%2024%2C18.9852814%2024%2C16.5%20L24%2C5%20Z%20M39.7573593%2C18%20L27%2C5.24264069%20L27%2C16.5%20C27%2C17.3284271%2027.6715729%2C18%2028.5%2C18%20L39.7573593%2C18%20Z%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222.998%22%20x%3D%2215%22%20y%3D%2237%22%20fill%3D%22%23EFEFEF%22%20rx%3D%221.499%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222.998%22%20x%3D%2215%22%20y%3D%2230%22%20fill%3D%22%23EFEFEF%22%20rx%3D%221.499%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
	background-position: left center;
}

ul.links.small>li.download,
ul.links.small>li.dmg,
ul.links.small>li.zip {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2223.5%22%20stroke%3D%22%23EFEFEF%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23EFEFEF%22%20d%3D%22M23%2C30.1715729%20L23%2C15%20C23%2C13.8954305%2023.8954305%2C13%2025%2C13%20C26.1045695%2C13%2027%2C13.8954305%2027%2C15%20L27%2C30.1994942%20L30.7852806%2C26.4142136%20C31.5663292%2C25.633165%2032.8326592%2C25.633165%2033.6137077%2C26.4142136%20C34.3947563%2C27.1952621%2034.3947563%2C28.4615921%2033.6137077%2C29.2426407%20L26.5426399%2C36.3137085%20C26.4641106%2C36.3922378%2026.3806757%2C36.4628714%2026.2933215%2C36.5256095%20C25.9446208%2C36.8215108%2025.4931546%2C37%2025%2C37%20C24.4222325%2C37%2023.9016859%2C36.7550079%2023.5365778%2C36.3632412%20C23.519259%2C36.3470949%2023.5021569%2C36.330584%2023.4852814%2C36.3137085%20L16.4142136%2C29.2426407%20C15.633165%2C28.4615921%2015.633165%2C27.1952621%2016.4142136%2C26.4142136%20C17.1952621%2C25.633165%2018.4615921%2C25.633165%2019.2426407%2C26.4142136%20L23%2C30.1715729%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
	background-position: left center;
}

ul.links.small>li.video {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2223.5%22%20stroke%3D%22%23EFEFEF%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23EFEFEF%22%20d%3D%22M28.6121359%2C18.0142481%20L35.2678954%2C29.7585169%20C35.8125038%2C30.7194932%2035.4749709%2C31.9400108%2034.5139945%2C32.4846191%20C34.2132834%2C32.6550394%2033.8735385%2C32.7446176%2033.5278938%2C32.7446176%20L20.2163749%2C32.7446176%20C19.1118054%2C32.7446176%2018.2163749%2C31.8491871%2018.2163749%2C30.7446176%20C18.2163749%2C30.3989729%2018.3059532%2C30.059228%2018.4763734%2C29.7585169%20L25.1321328%2C18.0142481%20C25.6767412%2C17.0532718%2026.8972588%2C16.7157389%2027.8582351%2C17.2603473%20C28.1731225%2C17.4388015%2028.4336817%2C17.6993607%2028.6121359%2C18.0142481%20Z%22%20transform%3D%22rotate(90%2026.872%2024.872)%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
	background-position: left center;
}

ul.links.small>li.reference {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23EFEFEF%22%20d%3D%22M29.3180195%2C3.31801948%20L41.6819805%2C15.6819805%20C42.5258942%2C16.5258942%2043%2C17.6704868%2043%2C18.863961%20L43%2C43.5%20C43%2C45.9852814%2040.9852814%2C48%2038.5%2C48%20L11.5%2C48%20C9.01471863%2C48%207%2C45.9852814%207%2C43.5%20L7%2C6.5%20C7%2C4.01471863%209.01471863%2C2%2011.5%2C2%20L26.136039%2C2%20C27.3295132%2C2%2028.4741058%2C2.47410578%2029.3180195%2C3.31801948%20Z%20M24%2C5%20L11.5%2C5%20C10.6715729%2C5%2010%2C5.67157288%2010%2C6.5%20L10%2C43.5%20C10%2C44.3284271%2010.6715729%2C45%2011.5%2C45%20L38.5%2C45%20C39.3284271%2C45%2040%2C44.3284271%2040%2C43.5%20L40%2C21%20L28.5%2C21%20C26.0147186%2C21%2024%2C18.9852814%2024%2C16.5%20L24%2C5%20Z%20M39.7573593%2C18%20L27%2C5.24264069%20L27%2C16.5%20C27%2C17.3284271%2027.6715729%2C18%2028.5%2C18%20L39.7573593%2C18%20Z%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222.998%22%20x%3D%2215%22%20y%3D%2237%22%20fill%3D%22%23EFEFEF%22%20rx%3D%221.499%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222.998%22%20x%3D%2215%22%20y%3D%2230%22%20fill%3D%22%23EFEFEF%22%20rx%3D%221.499%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
	background-position: left center;
}

ul.links.small>li.developerForum {
	background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Ctitle%3Ebubble%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22bubble%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M19.0127042%2C0.735027223%20C22.1723183%2C0.735027223%2023.90726%2C2.4384398%2023.9963847%2C5.47333964%20L24%2C5.72232305%20L24%2C14.0635209%20C24%2C17.1701213%2022.348206%2C18.9552865%2019.2657627%2C19.0470912%20L19.0127042%2C19.0508167%20L12.0217786%2C19.0508167%20L8.26497278%2C22.3938294%20C7.60072595%2C22.9818512%207.23049002%2C23.2649728%206.6969147%2C23.2649728%20C5.9823049%2C23.2649728%205.56438578%2C22.7864394%205.51493733%2C22.0357402%20L5.50998185%2C21.8820327%20L5.50998185%2C19.0508167%20L4.98729583%2C19.0508167%20C1.82768173%2C19.0508167%200.0927399691%2C17.3577278%200.00361534344%2C14.3133193%20L0%2C14.0635209%20L0%2C5.72232305%20C0%2C2.60511988%201.65179402%2C0.829999346%204.73423726%2C0.738730678%20L4.98729583%2C0.735027223%20L19.0127042%2C0.735027223%20Z%20M19.0127042%2C2.48820327%20L4.98729583%2C2.48820327%20C2.86350835%2C2.48820327%201.82590512%2C3.52363123%201.75687159%2C5.50627626%20L1.75317604%2C5.72232305%20L1.75317604%2C14.0526316%20C1.75317604%2C16.1028225%202.71754523%2C17.2190979%204.76389813%2C17.2936446%20L4.98729583%2C17.2976407%20L6.32667877%2C17.2976407%20C6.87269899%2C17.2976407%207.1088744%2C17.4948146%207.13982793%2C17.9937855%20L7.14337568%2C18.1143376%20L7.14337568%2C21.2722323%20L10.6279492%2C17.8094374%20C11.0041247%2C17.4233625%2011.2903061%2C17.3162694%2011.7973823%2C17.2999887%20L11.9564428%2C17.2976407%20L19.0127042%2C17.2976407%20C21.1259778%2C17.2976407%2022.1733698%2C16.2520614%2022.2430909%2C14.2687163%20L22.246824%2C14.0526316%20L22.246824%2C5.72232305%20C22.246824%2C3.67213217%2021.2723035%2C2.56600797%2019.2350517%2C2.49216135%20L19.0127042%2C2.48820327%20Z%22%20id%3D%22Shape%22%20fill%3D%22%23EFEFEF%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
	background-position: left center;
}

body[data-color-scheme="light"] ul.links.small>li.document,
body[data-color-scheme="light"] ul.links.small>li.file,
body[data-color-scheme="light"] ul.links.small>li.pdf,
body[data-color-scheme="light"] ul.links.small>li.guide {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23101010%22%20d%3D%22M29.3180195%2C3.31801948%20L41.6819805%2C15.6819805%20C42.5258942%2C16.5258942%2043%2C17.6704868%2043%2C18.863961%20L43%2C43.5%20C43%2C45.9852814%2040.9852814%2C48%2038.5%2C48%20L11.5%2C48%20C9.01471863%2C48%207%2C45.9852814%207%2C43.5%20L7%2C6.5%20C7%2C4.01471863%209.01471863%2C2%2011.5%2C2%20L26.136039%2C2%20C27.3295132%2C2%2028.4741058%2C2.47410578%2029.3180195%2C3.31801948%20Z%20M24%2C5%20L11.5%2C5%20C10.6715729%2C5%2010%2C5.67157288%2010%2C6.5%20L10%2C43.5%20C10%2C44.3284271%2010.6715729%2C45%2011.5%2C45%20L38.5%2C45%20C39.3284271%2C45%2040%2C44.3284271%2040%2C43.5%20L40%2C21%20L28.5%2C21%20C26.0147186%2C21%2024%2C18.9852814%2024%2C16.5%20L24%2C5%20Z%20M39.7573593%2C18%20L27%2C5.24264069%20L27%2C16.5%20C27%2C17.3284271%2027.6715729%2C18%2028.5%2C18%20L39.7573593%2C18%20Z%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222.998%22%20x%3D%2215%22%20y%3D%2237%22%20fill%3D%22%23101010%22%20rx%3D%221.499%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222.998%22%20x%3D%2215%22%20y%3D%2230%22%20fill%3D%22%23101010%22%20rx%3D%221.499%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
}

body[data-color-scheme="light"] ul.links.small>li.download,
body[data-color-scheme="light"] ul.links.small>li.dmg,
body[data-color-scheme="light"] ul.links.small>li.zip {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2223.5%22%20stroke%3D%22%23101010%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23101010%22%20d%3D%22M23%2C30.1715729%20L23%2C15%20C23%2C13.8954305%2023.8954305%2C13%2025%2C13%20C26.1045695%2C13%2027%2C13.8954305%2027%2C15%20L27%2C30.1994942%20L30.7852806%2C26.4142136%20C31.5663292%2C25.633165%2032.8326592%2C25.633165%2033.6137077%2C26.4142136%20C34.3947563%2C27.1952621%2034.3947563%2C28.4615921%2033.6137077%2C29.2426407%20L26.5426399%2C36.3137085%20C26.4641106%2C36.3922378%2026.3806757%2C36.4628714%2026.2933215%2C36.5256095%20C25.9446208%2C36.8215108%2025.4931546%2C37%2025%2C37%20C24.4222325%2C37%2023.9016859%2C36.7550079%2023.5365778%2C36.3632412%20C23.519259%2C36.3470949%2023.5021569%2C36.330584%2023.4852814%2C36.3137085%20L16.4142136%2C29.2426407%20C15.633165%2C28.4615921%2015.633165%2C27.1952621%2016.4142136%2C26.4142136%20C17.1952621%2C25.633165%2018.4615921%2C25.633165%2019.2426407%2C26.4142136%20L23%2C30.1715729%20Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
}

body[data-color-scheme="light"] ul.links.small>li.video {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2225%22%20r%3D%2223.5%22%20stroke%3D%22%23101010%22%20stroke-width%3D%223%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23101010%22%20d%3D%22M28.6121359%2C18.0142481%20L35.2678954%2C29.7585169%20C35.8125038%2C30.7194932%2035.4749709%2C31.9400108%2034.5139945%2C32.4846191%20C34.2132834%2C32.6550394%2033.8735385%2C32.7446176%2033.5278938%2C32.7446176%20L20.2163749%2C32.7446176%20C19.1118054%2C32.7446176%2018.2163749%2C31.8491871%2018.2163749%2C30.7446176%20C18.2163749%2C30.3989729%2018.3059532%2C30.059228%2018.4763734%2C29.7585169%20L25.1321328%2C18.0142481%20C25.6767412%2C17.0532718%2026.8972588%2C16.7157389%2027.8582351%2C17.2603473%20C28.1731225%2C17.4388015%2028.4336817%2C17.6993607%2028.6121359%2C18.0142481%20Z%22%20transform%3D%22rotate(90%2026.872%2024.872)%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
}

body[data-color-scheme="light"] ul.links.small>li.reference {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23101010%22%20d%3D%22M29.3180195%2C3.31801948%20L41.6819805%2C15.6819805%20C42.5258942%2C16.5258942%2043%2C17.6704868%2043%2C18.863961%20L43%2C43.5%20C43%2C45.9852814%2040.9852814%2C48%2038.5%2C48%20L11.5%2C48%20C9.01471863%2C48%207%2C45.9852814%207%2C43.5%20L7%2C6.5%20C7%2C4.01471863%209.01471863%2C2%2011.5%2C2%20L26.136039%2C2%20C27.3295132%2C2%2028.4741058%2C2.47410578%2029.3180195%2C3.31801948%20Z%20M24%2C5%20L11.5%2C5%20C10.6715729%2C5%2010%2C5.67157288%2010%2C6.5%20L10%2C43.5%20C10%2C44.3284271%2010.6715729%2C45%2011.5%2C45%20L38.5%2C45%20C39.3284271%2C45%2040%2C44.3284271%2040%2C43.5%20L40%2C21%20L28.5%2C21%20C26.0147186%2C21%2024%2C18.9852814%2024%2C16.5%20L24%2C5%20Z%20M39.7573593%2C18%20L27%2C5.24264069%20L27%2C16.5%20C27%2C17.3284271%2027.6715729%2C18%2028.5%2C18%20L39.7573593%2C18%20Z%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222.998%22%20x%3D%2215%22%20y%3D%2237%22%20fill%3D%22%23101010%22%20rx%3D%221.499%22%2F%3E%0A%20%20%20%20%3Crect%20width%3D%2220%22%20height%3D%222.998%22%20x%3D%2215%22%20y%3D%2230%22%20fill%3D%22%23101010%22%20rx%3D%221.499%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A") !important;
}

body[data-color-scheme="light"] ul.links.small>li.developerForum {
	background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Ctitle%3Ebubble%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22bubble%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M19.0127042%2C0.735027223%20C22.1723183%2C0.735027223%2023.90726%2C2.4384398%2023.9963847%2C5.47333964%20L24%2C5.72232305%20L24%2C14.0635209%20C24%2C17.1701213%2022.348206%2C18.9552865%2019.2657627%2C19.0470912%20L19.0127042%2C19.0508167%20L12.0217786%2C19.0508167%20L8.26497278%2C22.3938294%20C7.60072595%2C22.9818512%207.23049002%2C23.2649728%206.6969147%2C23.2649728%20C5.9823049%2C23.2649728%205.56438578%2C22.7864394%205.51493733%2C22.0357402%20L5.50998185%2C21.8820327%20L5.50998185%2C19.0508167%20L4.98729583%2C19.0508167%20C1.82768173%2C19.0508167%200.0927399691%2C17.3577278%200.00361534344%2C14.3133193%20L0%2C14.0635209%20L0%2C5.72232305%20C0%2C2.60511988%201.65179402%2C0.829999346%204.73423726%2C0.738730678%20L4.98729583%2C0.735027223%20L19.0127042%2C0.735027223%20Z%20M19.0127042%2C2.48820327%20L4.98729583%2C2.48820327%20C2.86350835%2C2.48820327%201.82590512%2C3.52363123%201.75687159%2C5.50627626%20L1.75317604%2C5.72232305%20L1.75317604%2C14.0526316%20C1.75317604%2C16.1028225%202.71754523%2C17.2190979%204.76389813%2C17.2936446%20L4.98729583%2C17.2976407%20L6.32667877%2C17.2976407%20C6.87269899%2C17.2976407%207.1088744%2C17.4948146%207.13982793%2C17.9937855%20L7.14337568%2C18.1143376%20L7.14337568%2C21.2722323%20L10.6279492%2C17.8094374%20C11.0041247%2C17.4233625%2011.2903061%2C17.3162694%2011.7973823%2C17.2999887%20L11.9564428%2C17.2976407%20L19.0127042%2C17.2976407%20C21.1259778%2C17.2976407%2022.1733698%2C16.2520614%2022.2430909%2C14.2687163%20L22.246824%2C14.0526316%20L22.246824%2C5.72232305%20C22.246824%2C3.67213217%2021.2723035%2C2.56600797%2019.2350517%2C2.49216135%20L19.0127042%2C2.48820327%20Z%22%20id%3D%22Shape%22%20fill%3D%22%23101010%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") !important;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-archive .main .row.compact {
		padding-top: 0.65em;
		padding-bottom: 0.85em;
	}
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-archive .main ul.video-results {
		padding: 2em 1.5em;
	}
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-archive .main li.video-result {
		border-bottom: 1px solid #dedede;
	}
}

/* .view-archive .main li.video-result .grid {
	padding-left: 0;
	padding-right: 0;
} */
.view-archive .main li.video-result .column {
	min-height: 2.65em;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-archive .main li.video-result .column {
		padding-bottom: 0;
	}
}

@media screen and (min-width: 1024px) {
	.view-archive .main li.video-result:hover {
		background-color: #fafafa;
	}
}

@media screen and (min-width: 1024px) {
	.view-archive .main li.video-result:not(:hover) ul.video-result-links {
		opacity: 0.14;
		filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
		filter: gray;
		-webkit-filter: grayscale(100%);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

@media screen and (min-width: 320px) and (max-width: 734px) {

	.view-archive .main .result-title,
	.view-archive .main .result-event-name {
		display: block;
	}
}

.view-archive .main .result-title {
	margin-right: 0.35em;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-archive .main .result-title {
		margin-bottom: 0.15em;
		line-height: 1.35;
	}
}

@media screen and (min-width: 1024px) {
	.view-archive .main ul.video-result-links {
		-webkit-transition: all 0.5s ease-in-out 0.08s;
		-moz-transition: all 0.5s ease-in-out 0.08s;
		-ms-transition: all 0.5s ease-in-out 0.08s;
		-o-transition: all 0.5s ease-in-out 0.08s;
		transition: all 0.5s ease-in-out 0.08s;
	}
}

.view-archive .main li.video-result-link {
	display: inline-block;
	padding-top: 0.1em;
	padding-left: 1.65em;
	background-image: url(#);
	background-size: auto 100%;
	background-position: left center;
	background-repeat: no-repeat;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-archive .main li.video-result-link {
		display: block;
		margin-bottom: 0.25em;
	}
}

.view-archive .main li.video-result-link:not(:last-child) {
	margin-right: 1.15em;
}

.view-archive .main li.video-result-link.stream {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSItNjMuNSA2NC41IDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC02My41IDY0LjUgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iLTYxIiB5PSI2NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSIyNiIgaGVpZ2h0PSIzMCIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItNTYiIHkxPSI2NS41IiB4Mj0iLTU2IiB5Mj0iOTUuNSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItNjAuNSIgeTE9IjgxIiB4Mj0iLTM1LjUiIHkyPSI4MSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItNDAiIHkxPSI5NS41IiB4Mj0iLTQwIiB5Mj0iNjUuNSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItMzkuNSIgeTE9IjcxIiB4Mj0iLTM1LjUiIHkyPSI3MSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItMzkuNSIgeTE9Ijc2IiB4Mj0iLTM1LjUiIHkyPSI3NiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItMzkuNSIgeTE9Ijg2IiB4Mj0iLTM1LjUiIHkyPSI4NiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItMzkuNSIgeTE9IjkxIiB4Mj0iLTM1LjUiIHkyPSI5MSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItNjAuNSIgeTE9IjcxIiB4Mj0iLTU2LjUiIHkyPSI3MSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItNjAuNSIgeTE9Ijc2IiB4Mj0iLTU2LjUiIHkyPSI3NiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItNjAuNSIgeTE9Ijg2IiB4Mj0iLTU2LjUiIHkyPSI4NiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItNjAuNSIgeTE9IjkxIiB4Mj0iLTU2LjUiIHkyPSI5MSIvPg0KPC9zdmc+DQo=);
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-archive .main li.video-result-link.stream {
		background-size: auto 65%;
	}
}

@media screen and (min-width: 736px) {
	.view-archive .main li.video-result-link.stream {
		background-size: auto 80%;
	}
}

.view-archive .main li.video-result-link.download {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSItNjMuNSA2NC41IDMyIDMyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC02My41IDY0LjUgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSItNDcuNSIgeTE9Ijg2LjQ2NyIgeDI9Ii00Ny41IiB5Mj0iNzIuOTY5Ii8+DQo8cG9seWxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNzA3MDcwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iLTUxLjk4NSw4MS45OCAtNDcuNDg0LDg2LjQ4MiAtNDMuMDE1LDgxLjk4ICIvPg0KPGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9IiM3MDcwNzAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgY3g9Ii00Ny41IiBjeT0iODAuNSIgcj0iMTIuOTgiLz4NCjwvc3ZnPg0K);
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-archive .main li.video-result-link.download {
		background-size: auto 75%;
	}
}

@media screen and (min-width: 736px) {
	.view-archive .main li.video-result-link.download {
		background-size: auto 95%;
	}
}

/* @media screen and (min-width: 320px) and (max-width: 734px) {
	.view-collection .grid.mobile-full .row {
		margin-left: -1.5em;
		margin-right: -1.5em;
	}
	.view-collection .grid.mobile-full .column {
		padding-left: 0;
		padding-right: 0;
	}
	.view-collection .grid.mobile-full .featured-content h3,
	.view-collection .grid.mobile-full .featured-content h5,
	.view-collection .grid.mobile-full .featured-content ul,
	.view-collection .grid.mobile-full .featured-content p {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}
	.view-collection .grid.mobile-full .featured-video h4 {
		margin-left: 1.5rem !important;
		margin-right: 1.5rem !important;
	}
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.view-collection .grid {
		width: 735px !important;
	}
} */
.view-collection .link-videos {
	color: rgba(51, 51, 51, 0.6);
	pointer-events: none;
}

.view-collection ul {
	margin: 0;
	list-style-type: none;
}

.view-collection .focus-group-link {
	color: #aaa;
	text-decoration: none;
	-webkit-transition: opacity 0.15s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: opacity 0.15s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transition: opacity 0.15s 0s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: opacity 0.15s 0s cubic-bezier(0.77, 0, 0.175, 1);
	transition: opacity 0.15s 0s cubic-bezier(0.77, 0, 0.175, 1);
	font-size: 0.9rem;
}

.view-collection .focus-group-link span {
	font-size: 0.9rem;
}

.view-collection .focus-group-link:not(.active):hover {
	cursor: pointer;
}

.view-collection .focus-group-link:not(.active):not(:hover) {
	opacity: 0.5;
}

.view-collection .collection-overview-sticky {
	z-index: 999;
	top: 0;
	background-color: #000;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-collection .collection-overview-sticky {
		position: static !important;
	}
}

@supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)) {
	.view-collection .collection-overview-sticky {
		background-color: #000;
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
	}
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-collection .collection-overview {
		padding-top: 1.15em;
		padding-bottom: 1em;
	}
}

.view-collection .collection-overview .collection-icon {
	margin-top: 0.24em;
	width: auto;
	max-height: 104px;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-collection .collection-overview .collection-icon {
		margin-bottom: 0.5em;
	}
}

.view-collection .collection-overview .collection-title,
.view-collection .collection-overview .collection-size {
	margin-bottom: 0.1em;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-collection .collection-overview .collection-title {
		font-size: 28px !important;
	}
}

.view-collection .collection-overview .collection-size {
	color: #999;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-collection .collection-overview .focus-group-links {
		display: none;
	}
}

.view-collection .collection-overview .focus-group-links li {
	display: inline-block;
}

.view-collection .collection-overview>section.inline-block {
	vertical-align: middle;
}

.view-collection .collection-filters .collection-filters-item label {
	font-size: 14.5px;
	color: #999;
}

.view-collection .collection-filters .collection-filters-item label:hover {
	cursor: pointer;
}

.view-collection .collection-filters .collection-filters-item input[type="checkbox"] {
	margin-right: 0.65em;
}

.view-collection .searchbar-wrapper {
	padding: 0;
	max-width: 420px;
}

.view-collection .searchbar-wrapper input[type="text"] {
	padding-left: 2em;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgl3aWR0aD0iMTlweCIgaGVpZ2h0PSIxOXB4IiB2aWV3Qm94PSIwIDAgMTkgMTkiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE5IDE5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCgk8cGF0aCBmaWxsPSIjNjY2NjY2IiBkPSJNMTcuNjMyLDE2Ljk1NWwtNC43NjEtNC43NjJjMS4xMDktMS4xODgsMS43OTUtMi43NzYsMS43OTUtNC41MjdjMC0zLjY2Ny0yLjk4Mi02LjY0OS02LjY0OS02LjY0OQ0KCQljLTMuNjY3LDAtNi42NDksMi45ODItNi42NDksNi42NDhjMCwzLjY2NywyLjk4Miw2LjY0Nyw2LjY0OSw2LjY0N2MxLjM5MSwwLDIuNjgyLTAuNDMyLDMuNzUtMS4xNjRsNC44MzQsNC44MzRMMTcuNjMyLDE2Ljk1NXoNCgkJTTIuODI0LDcuNjY2YzAtMi44NjMsMi4zMy01LjE5Miw1LjE5Mi01LjE5MmMyLjg2NCwwLDUuMTkyLDIuMzI5LDUuMTkyLDUuMTkyYzAsMi44NjEtMi4zMjgsNS4xOTEtNS4xOTIsNS4xOTENCgkJQzUuMTU0LDEyLjg1NSwyLjgyNCwxMC41MjcsMi44MjQsNy42NjZ6Ii8+DQoJPC9zdmc+);
	background-size: auto 50%;
	background-position: left 0.4em center;
	background-repeat: no-repeat;
}

.view-collection .featured-content,
.view-collection .all-content {
	background-color: #222;
}

.view-collection .featured-content .video-tags li,
.view-collection .all-content .video-tags li {
	color: #aaa;
}

.view-collection .featured-content .featured-video a {
	overflow: auto;
	display: block;
}

.view-collection .featured-content .featured-video img {
	margin-bottom: 0.2em;
	width: 100%;
	height: auto;
}

.view-collection .featured-content .featured-video h5 {
	line-height: 1.3;
	font-size: 18px;
	font-weight: 400;
}

.view-collection .featured-content .featured-video .video-tags {
	padding: 0.35em 0;
}

.view-collection .featured-content section.featured-video {
	padding-right: 1em;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-collection .all-content h5 {
		font-size: 18px;
	}
}

.view-collection .all-content .focus-group-link:not(.active):not(:hover) {
	opacity: 0.775;
}

.view-collection .all-content .collection-focus-group .sticky {
	/* background-color: rgba(51, 51, 51, 0.95); */
	padding-top: 0.8em;
	padding-bottom: 0.75em;
}

.view-collection .all-content .collection-focus-group .sticky .focus-group-link {
	display: block;
}

.view-collection .all-content .collection-focus-group .sticky .small-caps {
	margin-left: 0;
}

@supports (position: -webkit-sticky) or (position: sticky) {
	.view-collection .all-content .collection-focus-group .sticky {
		top: 51px;
	}

	@media only screen and (max-width: 734px) {
		.view-collection .all-content .collection-focus-group .sticky {
			top: 49px;
		}
	}
}

@supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)) {
	.view-collection .all-content .collection-focus-group .sticky {
		background-color: rgba(51, 51, 51, 0.9);
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
	}
}

.view-collection .all-content .collection-focus-group .collection-item {
	padding: 1.2em 0 0.85em;
}

.view-collection .all-content .collection-focus-group .collection-item a {
	color: #333;
}

.view-collection .all-content .collection-focus-group .collection-item .video-tags {
	margin-bottom: 0.3em;
}

.view-collection .all-content .collection-focus-group .collection-item .description {
	margin-bottom: 0.5em;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.view-collection .all-content .collection-focus-group .collection-item .description {
		display: none;
	}
}

@media only screen and (max-width: 734px) {
	.view-collection .all-content .collection-focus-group .collection-item h4 {
		font-size: 1em;
	}

	.view-collection .all-content .collection-focus-group .collection-item .grid .row section:nth-child(2) {
		padding-left: 10px;
	}
}

.view-collection .all-content .collection-focus-group .collection-item .badge {
	border-radius: 18px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 0.7em;
}

.view-collection .smaller {
	font-size: 14px;
	line-height: 24px;
}

.view-collection .sticky,
.view-collection .sticky-header {
	border-bottom: none;
}

.view-collection .filter-collection {
	border: 1px solid #aaa;
	border-radius: 3px;
	outline: none;
	padding: 0.7em 2.25em 0.6em 2.2em;
	background-color: #fff;
	background-image: url(/videos/images/icon-search.svg);
	background-size: auto 47.5%;
	background-position: 0.65em;
	background-repeat: no-repeat;
}

.view-collection a.video-image-link {
	display: inline-block;
	position: relative;
}

.view-collection a.video-image-link img {
	display: block;
}

.view-collection a.video-image-link span.video-duration {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	padding: 5px 6px;
	background: #000;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 0.7em;
	font-weight: 700;
	line-height: 1;
}

.topics-container {
	padding-left: 2em;
	padding-right: 2em;
}

.topics-container .column {
	padding: 0 !important;
}

.topics-container .column .topic-page-topics {
	padding: 1em;
	background-color: #333;
}

.topics-container .column:nth-child(1) .topic-page-topics:not(:first-child) {
	margin: 0.5em 0.25em 0 0.25em;
}

.topics-container .column:nth-child(1) .topic-page-topics:first-child {
	margin: 0 0.25em 0 0.25em;
}

.topics-container .column:nth-child(3) .topic-page-topics:not(:first-child) {
	margin: 0.5em 0.25em 0 0.25em;
}

.topics-container .column:nth-child(3) .topic-page-topics:first-child {
	margin: 0 0.25em 0 0.25em;
}

.topics-container .column:nth-child(2) .topic-page-topics {
	margin-left: 0.25em !important;
	margin-right: 0.25em !important;
}

.topics-container .column:nth-child(2) .topic-page-topics:not(:first-child) {
	margin-top: 0.5em;
}

@media screen and (min-width: 320px) and (max-width: 734px) {
	.section-content {
		padding: 0 0;
	}
}

.section-content {
	padding: 0 1.5em;
}

.topic-page-topics h4 {
	margin-bottom: 1em;
}

a.tile-link {
	display: block;
	text-decoration: none;
}

a.tile-link span.more {
	color: #0070c9;
}

a.tile-link .tile-wrap {
	padding: 20px;
	border-radius: 0.5em;
	text-align: left;
	border: 1px solid var(--card-border-color);
	transition: 0.2s ease-in-out;
	/* height: 100%; */
	background-color: var(--default-color-invert);
}

a.tile-link:hover {
	text-decoration: none;
}

a.tile-link:hover span.more {
	text-decoration: underline;
	color: #0070c9;
}

a.tile-link:hover .tile-wrap {
	cursor: pointer;
	background-color: var(--topic-card-hover-background-color);
}

a.tile-link .tile-wrap .typography-label {
	font-size: 22px;
}

@media only screen and (max-width: 734px) {
	a.tile-link .tile-wrap .typography-label {
		font-size: 21px;
	}
}

.tile-link {
	width: 100%;
	height: 190px;
	/* margin-top: 1.5em;
	margin-right: 1.5em; */
}

.tile-wrap {
	width: 100%x;
	height: 190px;
}

.tile-wrap .badge {
	float: right;
}

@media only screen and (max-width: 1068px) {

	.tile-link,
	.tile-wrap {
		/* width: 320px; */
		height: 190px;
	}
}

@media only screen and (max-width: 734px) {
	.tile-link {
		width: auto;
		height: auto;
		margin-bottom: -1em;
	}

	.tile-wrap {
		width: auto;
		height: auto;
	}
}

.topic-icon {
	margin-bottom: 1em;
	width: 64px;
	height: 64px;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
}

body[data-color-scheme="dark"] .topic-icon {
	filter: invert(1);
}

.topic-page-topics li {
	margin-bottom: 0.5em;
}

@media only screen and (max-width: 1068px) {
	a.tile-link {
		white-space: normal;
	}

	.section-content {
		padding: 0 0;
	}
}

.toggle-filter-menu {
	-webkit-transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	transition: all 0.35s ease-in-out 0s;
	margin-top: 0.3em;
	padding-left: 22.5px;
	height: 16px;
	font-size: 0.725rem !important;
	letter-spacing: 1px;
	background-color: transparent;
	background-position: left center;
	background-size: auto 75%;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22filter_menu%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2036%2029%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%225%22%20height%3D%225%22%20style%3D%22fill%3A%23dfdfdf%3B%22%2F%3E%0A%3Crect%20x%3D%220%22%20y%3D%2212%22%20width%3D%225%22%20height%3D%225%22%20style%3D%22fill%3A%23dfdfdf%3B%22%2F%3E%0A%3Crect%20x%3D%220%22%20y%3D%2224%22%20width%3D%225%22%20height%3D%225%22%20style%3D%22fill%3A%23dfdfdf%3B%22%2F%3E%0A%3Crect%20x%3D%2210%22%20y%3D%221.3%22%20width%3D%2226%22%20height%3D%222.5%22%20style%3D%22fill%3A%23dfdfdf%3B%22%2F%3E%0A%3Crect%20x%3D%2210%22%20y%3D%2213.2%22%20width%3D%2226%22%20height%3D%222.5%22%20style%3D%22fill%3A%23dfdfdf%3B%22%2F%3E%0A%3Crect%20x%3D%2210%22%20y%3D%2225.2%22%20width%3D%2226%22%20height%3D%222.5%22%20style%3D%22fill%3A%23dfdfdf%3B%22%2F%3E%0A%3C%2Fsvg%3E");
	border: none;
	outline: none;
	cursor: pointer;
	line-height: 0.725rem !important;
}

.filters {
	margin-top: 1em;
}

.filters .filter-container {
	padding-top: 2em;
}

.filters .filter-container p.platforms {
	padding-top: 1em;
}

.filters .filter-container label.filter-item-filter-box {
	display: inline-block;
	width: auto;
	line-height: 1.5;
	margin-top: 10px;
}

.filters .filter-container input[name="filter-item"] {
	visibility: hidden;
	width: 0px;
}

.filters .filter-container input[name="filter-item"]:checked+span {
	border-color: #51a7f9;
	background-color: #51a7f9;
	color: #fff;
}

.filters .filter-container .filter-item-tag {
	-webkit-transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	transition: all 0.35s ease-in-out 0s;
	display: inline-block;
	padding: 0.35em 1em 0.15em;
	border: 1px solid #cdcdcd;
	border-radius: 4px;
	font-size: 15px;
	color: #999;
	cursor: pointer;
}

@media only screen and (max-width: 734px) {
	.filters .filter-container .filter-item-tag {
		padding: 0.35em 1.15em 0.2em;
	}
}

.syntax-param-name {
	color: #404040;
}

.syntax-comment,
.syntax-quote {
	color: #65798c;
}

.syntax-keyword,
.syntax-literal,
.syntax-selector-tag {
	color: rgb(255, 122, 178);
}

.syntax-string {
	color: rgb(255, 129, 112);
}

.syntax-link {
	font-weight: italic;
}

.syntax-bullet,
.syntax-meta,
.syntax-number,
.syntax-symbol,
.syntax-tag,
.syntax-title {
	color: rgb(217, 201, 124);
}

.syntax-attr,
.syntax-built_in,
.syntax-builtin-name,
.syntax-class,
.syntax-params,
.syntax-section,
.syntax-title,
.syntax-type {
	color: rgb(218, 186, 255);
}

.syntax-attribute,
.syntax-identifier,
.syntax-subst {
	color: #ffeeee;
}

.syntax-addition,
.syntax-deletion {
	padding: 2px 0;
}

.syntax-addition {
	background-color: #e6f6d7;
}

.syntax-deletion {
	background-color: #ffeeee;
}

.syntax-doctag,
.syntax-strong {
	font-weight: bold;
}

.syntax-emphasis {
	font-style: italic;
}

.syntax-meta {
	color: rgb(255, 122, 178);
}

button.btn-copy-code {
	position: absolute;
	right: 20px;
	top: 60px;
	display: block;
	border: 1px solid rgba(214, 214, 214, 0.2);
	padding: 5px 12px;
	font-size: 0.8em;
	border-radius: 6px;
	z-index: 999;
}

button.btn-copy-code:hover {
	cursor: pointer !important;
	background-color: rgba(60, 60, 60, 0.2);
	transition: 0.5s;
}

.sample-code-main-container {
	position: relative;
}

/*# sourceMappingURL=videos.css.map */

.margin-bottom-xs {
	margin-bottom: 0.5em;
}

/* Video Cards */
.bg-light {
	background-color: var(--bg-light-override);
}

.vc-card {
	display: flex;
	flex-direction: column;
	height: 100% !important;
	border: 1px solid var(--card-border-color);
	width: 100%;
	max-width: 100%;
}

.no-border {
	border: 0px !important
}

.vc-card__media {
	flex-shrink: 0;
}

.vc-card__content {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	width: 100%;
	box-sizing: border-box;
}

.tile-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
}

.vc-card__image-container {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.vc-card__image {
	display: block;
	width: 100%;
	height: auto;
	filter: brightness(0.95);
	aspect-ratio: 16/9;
}

.vc-card__image.no-aspect-ratio {
	aspect-ratio: initial;
}

@media (min-width: 734px) and (max-width: 1068px) {
	.vc-card {
		max-width: none;
	}
}

@media (min-width: 1068px) {
	/* Not needed, to be deleted if all OK */
	/* .vc-card {
		max-width: 291px; 
	} */
}

.vc-card__duration {
	position: absolute;
	bottom: 8px;
	right: 8px;
	background-color: rgba(0, 0, 0, 0.45);
	padding: 2px 6px;
	color: #fff;
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	z-index: 1;
}

.vc-card:hover .vc-card__image {
	transform: scale(1.045);
	transition: transform 0.5s ease-in-out;
}

.vc-card__title {
	/* word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto; */
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 8px 0;
}

.vc_card__label {}

.tile-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	width: 100%;
}

.vc-card__tags {
	margin-top: auto;
}

/* Link Reset */

a.vc-card {
	text-decoration: none;
	color: inherit;
	/* display: block; */
}

a.vc-card:hover {
	text-decoration: none;
}

a.vc-card__title {
	color: inherit;
}

/*CHAPTER SUMMARY START*/

li.chapter-summary {
	margin: 0.5em 0 1.5em 3em;
}

/*CHAPTER SUMMARY END*/

/* PLAY START */
#get-transcript:hover {
	cursor: pointer;
}

.badge-available-on-wrapper {
	display: flex;
	flex-direction: column;
	gap: 8px;
	align-items: baseline;
}

/* PLAY END */

/*home topics*/
body[data-color-scheme="dark"] .home-topic-icon {
	filter: invert(1);
}

.home-topics-link {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.home-topics-tile-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

.home-topic-icon {
	width: 24px;
	height: 24px;
}

.home-topics-tile-wrap p {
	font-size: 1.2em;
	font-weight: 600;
}

body[data-color-scheme="light"] .home-topics-tile-wrap p {
	color: #000;
}

/* code source light fix*/
body[data-color-scheme="light"] pre.code-source {
	background-color: rgb(245, 245, 247);
}

ul.tabs {
	margin-bottom: -1px
}


.view-play .main .tab-menu li.tab.active {
	border-bottom: 1px solid #000;
}

.theme-dark.view-play .main .tab-menu li.tab.active {
	border-bottom: 1px solid #fff;
}