:root {
	--plyr-video-control-color-hover: var(--Gray30);
	--plyr-video-control-background-hover: transparent;
	--plyr-audio-control-color-hover: var(--Gray50);
	--plyr-audio-control-background-hover: transparent;
}

hr {
	margin-bottom: 60px;
}

main hr:last-child {
	opacity: 0;
}

.banner-message {
	display: flex;
	justify-content: space-between;
	border: 1px solid rgb(221, 235, 219);
	border-radius: 2px;
	background: rgb(221, 235, 219);
	box-shadow: 0px 1px 2px rgb(59, 87, 59 / 18%);
	padding: 8px 14px;
	margin-top: -15px;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.banner-message.hidden {
	display: none;
}

.banner-message p {
	width: 100%;
	align-self: center;
	text-align: center;
	font-size: var(--Body-Low);
	line-height: 1.4;
	font-weight: 200;
	color: var(--Gray80);
}

.banner-message p a {
	transition: color var(--hover-out);
}

.banner-message p a:hover {
	color: #006de1;
	transition: color var(--hover-in);
}

.close-banner-message {
	min-width: 25px;
	height: fit-content;
	display: flex;
	justify-content: end;
	align-items: center;
	background-color: transparent;
	border: none;
	cursor: pointer;
	z-index: 1;
	transition: opacity var(--hover-out);
}

.banner-message svg {
	fill: var(--Gray50);
	width: 16px;
}

.close-banner-message:hover {
	opacity: 0.8;
	transition: opacity var(--hover-in);
}

.live-container {
	width: 940px;
	margin: 0 auto;
}

.source-choose-desktop {
	display: flex;
	justify-content: space-around;
	background-color: var(--Gray6);
	outline: solid var(--Gray6) 4px;
	margin-bottom: 4px;
}

/* Hide all tabs if there is only one */
.source-choose-desktop:not(:has(> button:nth-child(2))) {
	display: none;
}

.source-choose-desktop button {
	position: relative;
	width: 100%;
	font-size: var(--Body-High);
	color: var(--Gray50);
	background-color: var(--Gray6);
	border: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	padding: 12px 0;
	margin-left: 1px;
	transition: color var(--hover-out), background-color var(--hover-out);
}

.source-choose-desktop button:first-child {
	margin-left: 0;
}

.source-choose-desktop button:after {
	position: absolute;
	left: -1px;
	content: '';
	width: 1px;
	height: 50%;
	background-color: var(--Gray30);
}

.source-choose-desktop button:focus-visible {
	color: var(--Black);
	background-color: var(--Gray10);
	outline: none;
}

.source-choose-desktop button:hover {
	color: var(--Black);
	background-color: var(--Gray10);
	transition: color var(--hover-in), background-color var(--hover-in);
}

.source-choose-desktop button.selected-source {
	color: var(--White);
	background-color: var(--Black);
	cursor: default;
}

.source-choose-desktop button.selected-source:hover {
	color: var(--White);
	background-color: var(--Black);
}

.source-choose-desktop button.selected-source:focus-visible {
	color: var(--White);
	background-color: var(--Black);
}

.source-choose-desktop button:first-child:after, .source-choose-desktop button.selected-source:after, button.selected-source + button:after {
	display: none;
}

.source-choose-desktop svg {
	position: relative;
	top: -2px;
	vertical-align: middle;
	cursor: pointer;
	margin-left: 1px;
}

.source-choose-desktop button path, .source-choose-desktop button rect {
	transition: var(--hover-out);
}

.source-choose-desktop svg:hover path {
	fill: var(--Gray80);
	transition: fill var(--hover-in);
}

.source-choose-desktop svg:hover rect {
	stroke: var(--Gray80);
	transition: stroke var(--hover-in);
}

.source-choose-desktop button.selected-source svg:hover path {
	fill: var(--Gray10);
}

.source-choose-desktop button.selected-source svg:hover rect {
	stroke: var(--Gray10);
}

.source-choose-desktop button svg:hover + .tooltiptext {
	visibility: visible;
	animation: Slide 200ms ease-in normal forwards;
}

@keyframes Slide {
	0% {
		opacity: 0;
	}

	50% {
		filter: blur(1px);
		transform: translateY(4px);
		opacity: 0;
	}

	75% {
		filter: blur(0);
		transform: translateY(2px);
		opacity: 1;
	}

	100% {
		transform: translateY(0px);
	}
}

.source-choose-desktop:not(:has(> button:nth-child(3))) .tooltiptext {
	margin-left: -33.5%;
}

.tooltiptext {
	visibility: hidden;
	pointer-events: none;
	position: absolute;
	top: -80px;
	width: 296px;
	height: 74px;
	display: inline-flex;
    justify-content: center;
    align-items: center;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	color: var(--Black);
	background-color: rgb(255 255 255 / 94%);
	backdrop-filter: saturate(180%) blur(24px);
	box-shadow: 0px 0px 34px rgba(0, 0, 0, 0.12), 0px 1px 6px rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	z-index: 3;
	padding: 10px 0;
	margin-left: -50%;
}

.tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: var(--White) transparent transparent transparent;
}

.source-choose-mobile {
	position: relative;
	display: none;
	align-items: center;
	justify-content: start;
	transition: background-color var(--hover-out);
}

.source-choose-desktop:not(:has(> button:nth-child(2))) ~ .source-choose-mobile {
	display: none;
}

.source-choose-mobile:focus-visible {
	outline: none;
}

.source-choose-mobile > select {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23808080'><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d='M224 397.3l22.6-22.6 160-160L429.3 192 384 146.7l-22.6 22.6L224 306.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 160 160L224 397.3z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 2px;
	background-origin: content-box;
	background-size: 14px;
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
	transition: background-color var(--hover-out);
}

.source-choose-mobile > select:focus-visible {
	outline: none;
	background-color: var(--Gray10);
}

.source-choose-mobile, .source-choose-mobile > select {
	font-size: var(--Body-High);
	color: var(--Gray80);
	background-color: var(--Gray6);
}

.source-choose-mobile:hover, .source-choose-mobile:hover > select {
	background-color: var(--Gray10);
	transition: background-color var(--hover-in);
}

.live-video {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 530px;
	background-color: var(--Gray30);
	outline: solid var(--Gray6) 4px;
	margin-bottom: 14px;
}

.live-video[data-player="yt-video"] > iframe {
	display: block;
}

.live-video[data-player="yt-video"] > .video-player-wrapper, .live-video[data-player="yt-video"] > .audio-player-wrapper {
	display: none;
}

.live-video[data-player="alt-video"] > .video-player-wrapper {
	display: block;
}

.live-video[data-player="alt-video"] > iframe, .live-video[data-player="alt-video"] > .audio-player-wrapper {
	display: none;
}

.live-video[data-player="audio"] > .audio-player-wrapper {
	display: block;
}

.live-video[data-player="audio"] > iframe, .live-video[data-player="audio"] > .video-player-wrapper {
	display: none;
}

.live-video iframe, .video-player-wrapper, .audio-player-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform:  scale(1.003);
}

.live-video iframe {
	display: none;
	z-index: 3;
}

.video-player-wrapper {
	display: none;
	--plyr-color-main: var(--Gray10);
	z-index: 2;
}

.audio-player-wrapper {
	display: none;
	--plyr-color-main: var(--Gray80);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-blend-mode: multiply;
	background-color: var(--Gray30);
	z-index: 1;
}

.video-player-wrapper video, .video-player-wrapper .plyr {
	width: 100%;
	height: 100%;
}

.audio-player-wrapper .plyr {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.live-caption {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.event {
	max-width: 65%;
	min-height: 40px;
	display: flex;
	flex-flow: column;
	padding: 0 0 80px 0;
}

.event .live-name {
	font-size: var(--Title-Low);
	font-weight: 500;
	padding: 10px 0 5px 0;
}

.event .live-desc {
	font-size: var(--Base-Low);
	line-height: 1.5;
	font-weight: 300;
}

.live-view-options {
	margin-bottom: 30px;
}

.live-caption:not(:has(> .event)) .live-view-options {
	display: flex;
	flex-flow: row-reverse;
	gap: 20px;
	margin: 6px auto 80px auto;
}

.live-view-options-button {
	min-width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--Base-High);
	font-weight: 500;
	color: var(--Gray80);
	background-color: var(--Gray4);
	padding: 11px 21px;
	margin-top: 10px;
	transition: color var(--hover-out), background-color var(--hover-out);
}

.live-view-options-button:hover {
	color: var(--Black);
	background-color: var(--Gray8);
	transition: color var(--hover-in), background-color var(--hover-in);
}

.live-view-options-button svg {
	position: relative;
	width: 24px;
}

.live-view-options-button.watch-on-youtube svg {
	fill: var(--Red);
	padding: 0 3px 0 8px;
}

.live-view-options-button.watch-in-inglish svg {
	fill: var(--Blue);
	padding: 0 3px 0 0;
}

.live-view-options-button.watch-on-youtube span {
	color: var(--Red);
}

.live-view-options-button.watch-in-inglish span {
	color: var(--Blue);
}

.live-view-options.smoothly-hidden .live-view-options-button {
	display: none;
}

.give {
	display: none;
	width: fit-content;
	font-weight: 300;
	color: var(--Blue);
	background-color: transparent;
	margin: 0 auto 30px auto;
}

.give:hover {
	color: var(--Blue);
	background-color: transparent;
}

.englishinfo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: var(--Base-Low);
	font-weight: 500;
	color: var(--Gray50);
	margin: 10px 0 30px 0;
	transition: color var(--hover-out), background-color var(--hover-out);
}

.englishinfo.smoothly-hidden {
	display: none;
}

.posts-navigation-wrapper {
	background-color: rgb(255 255 255 / 98%);
	backdrop-filter: saturate(180%) blur(16px);
	z-index: 1;
}

.posts-navigation {
	overflow-x: clip;
	position: relative;
	display: flex;
	justify-content: center;
	border-bottom: solid 1px transparent;
	margin-top: -12px;
	transition: border-bottom var(--hover-out);
}

.posts-navigation:has(> ul.adjust) {
	justify-content: start;
}

.posts-navigation ul {
	overflow-x: scroll;
	scrollbar-width: none;
	display: flex;
	align-items: center;
	justify-content: start;
	flex-wrap: nowrap;
	list-style: none;
	padding: 12px 0;
}

.posts-navigation.force-navigation-conrol ul {
	position: relative;
	justify-content: start;
}

.posts-navigation:has(.view-control) ul.adjust, .posts-navigation.force-navigation-conrol:has(.view-control) ul.adjust {
	padding-right: calc(128px + 10px);
}

.posts-navigation ul::-webkit-scrollbar {
	display: none;
}

.posts-navigation ul li {
	display: flex;
}

.posts-navigation ul button {
	font-size: var(--Body-High);
	font-weight: 300;
	color: var(--Gray50);
	border-radius: 34px;
	border-color: transparent;
	background-color: transparent;
	text-transform: uppercase;
	white-space: nowrap;
	padding: 9px 18px;
	margin: 2px 4px;
	cursor: pointer;
	user-select: none;
	transition: background-color var(--hover-out);
}

.force-navigation-conrol .posts-navigation ul button {
	width: max-content;
}

.posts-navigation ul button.selected-category {
	color: var(--Black);
	background-color: var(--Gray4);
	pointer-events: none;
}

.posts-navigation ul button:hover {
	background-color: var(--Gray4);
	transition: background-color var(--hover-in);
}

.navigation-control {
	display: none;
}

.force-navigation-conrol .navigation-control {
	display: block;
}

.control-arrow#control-left, .control-arrow#control-right {
	position: absolute;
	width: 16px;
	height: 100%;
	display: flex;
	align-items: center;
	background: rgb(255, 255, 255);
	cursor: pointer;
	margin: -1.4px 0 -1.4px 0;
}

.control-arrow#control-left {
	display: none;
	left: -2px;
	background: linear-gradient(90deg, var(--White) 50%, transparent 100%);
	padding: 0 35px 0 12px;
}

.control-arrow#control-right {
	right: -1px;
	background: linear-gradient(-90deg, var(--White) 50%, transparent 100%);
	padding: 0 12px 0 35px;
}

@media screen and (min-width: 720px) {
	.posts-navigation:has(.view-control) .control-arrow#control-right {
		right: calc(108px + 10px);
	}
}

.control-arrow svg {
	position: relative;
	top: 2.4px;
	fill: var(--Black);
	width: 100%;
	transition: fill-opacity var(--hover-out);
}

.control-arrow:hover > svg {
	fill-opacity: 0.7;
	transition: fill-opacity var(--hover-in);
}

.view-control {
	position: absolute;
	right: 0;
	width: 108px;
	height: 100%;
	display: flex;
	align-items: center;
	background-color: var(--White);
	padding-left: 10px;
}

.view-control svg .list_bg,
.view-control svg .grid_bg {
	fill: var(--Gray4);
	cursor: pointer;
}

.view-control svg .list_icn,
.view-control svg .grid_icn {
	opacity: .4;
	transition: opacity .3s;
	pointer-events: none;
}

.view-control.grid-view svg .list_bg:hover ~ .list_icn,
.view-control.list-view svg .grid_bg:hover ~ .grid_icn  {
	opacity: .7;
}

.view-control.grid-view svg .grid_bg,
.view-control.list-view svg .list_bg {
	fill: var(--White);
	cursor: default;
}

.view-control.grid-view svg .grid_icn,
.view-control.list-view svg .list_icn  {
	opacity: 1;
}

.posts {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	margin-bottom: 12px;
}

.posts.all-posts {
	margin-bottom: 70px;
}

.post {
	display: flex;
	flex: 0;
	flex-flow: column;
	transition: background-color var(--hover-out);
}

.list-view .post {
	flex: 0 100%;
	border-bottom: 1px solid;
	border-color: var(--Gray10);
}

.list-view .post:last-child, .list-view .last-post {
	border: none;
}

.all-posts.list-view .post:last-child, .list-view .last-post {
	border: none;
}

.post.sorted {
	display: flex;
}

.post.hidden, .post.not-visible {
	display: none;
}

@media (hover: hover) {
	.post:hover {
		background-color: var(--Gray4);
		transition: background-color var(--hover-in);
	}
}

.post a {
	height: 100%;
	padding: 13px 13px 24px;
}

.list-view .post a {
	display: flex;
	align-items: baseline;
	justify-content: end;
	flex-flow: row-reverse;
	gap: 24px;
	padding: 18px calc((1224px - 762px - 24px - 140px)/2) 18px 0;
}

.post .img {
	overflow: hidden;
	display: flex;
	align-items: center;
	width: 280px;
	height: 158px;
	margin-bottom: 8px;
	background-color: var(--Gray10);
}

.post img {
	width: 100%;
	pointer-events: none;
}

.list-view .post .img {
	display: none;
}

.post-caption {
	font-size: var(--Body-Low);
	line-height: 1.4;
	font-weight: 200;
	color: var(--Gray80);
	margin-bottom: 6px;
	transition: color var(--hover-out);
}

.list-view .post-caption {
	width: 762px;
	font-size: var(--Base-Low);
	color: var(--Blue);
	margin-bottom: 0;
}

@media (hover: hover) {
	.post:hover > .post-caption {
		color: var(--Black);
		transition: color var(--hover-in);
	}
}

.category {
	font-size: var(--Caption);
	font-weight: 400;
	color: var(--Gray30);
	text-transform: uppercase;
}

.list-view .category {
	text-align: right;
	font-size: var(--Body-Low);
}

.more-posts-btn {
	width: 100%;
	font-size: var(--Base-Low);
	color: var(--Gray80);
	background-color: var(--White);
	border: none;
	padding: 12px 0;
	margin-bottom: 20px;
	cursor: pointer;
	transition: background-color var(--hover-out);
}

.all-posts + .more-posts-btn {
	display: none;
}

.more-posts-btn:hover {
	background-color: var(--Gray4);
	transition: background-color var(--hover-in);
}

.more-posts-btn > svg {
	position: relative;
	top: -0.7px;
	vertical-align: baseline;
}

.channels {
	display: flex;
	padding-bottom: 43px;
}

.channel {
	position: relative;
	max-width: 408px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	margin-left: 1px;
	transition: background-color var(--hover-out);
}

.channel:after {
    position: absolute;
    right: -1px;
    content: '';
    width: 1px;
    height: 40%;
    background-color: var(--Gray10);
}

.channel:first-child {
    margin-right: 0;
}

.channel:last-child:after {
	display: none;
}

@media (hover: hover) {
	.channel:hover {
		background-color: var(--Gray6);
		transition: background-color var(--hover-in);
	}
}

.channel a {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.channel-name {
	filter: contrast(0);
	display: flex;
	font-size: var(--Title-Low);
	font-weight: 300;
	padding: 10px;
	transition: filter var(--hover-out);
}

@media (hover: hover) {
	.channel:hover > .channel-name {
		filter: contrast(1);
		transition: filter var(--hover-in);
	}
}

.channel-name svg {
	width: 40px;
	min-width: 40px;
	height: 100%;
	padding-right: 6px;
}

.channel-name p {
	display: flex;
	align-items: center;
	line-height: 1.2;
}

.copyright {
	font-size: var(--Body-Low);
	font-weight: 200;
	color: var(--Gray30);
	text-align: center;
	padding-bottom: 68px;
}

@media screen and (min-width: 1920px) and (min-height: 992px) {
	.live-container {
		width: 1120px;
	}
	.source-choose-desktop:not(:has(> button:nth-child(3))) .tooltiptext {
		margin-left: -28%;
	}
	.tooltiptext {
		margin-left: -42%;
	}
	.live-video {
		height: 630px;
	}
	.event {
		max-width: 70%;
	}
	.live-view-options-button {
		padding: 12px 25px;
	}
	.list-view .post a {
		padding: 18px calc((1400px - 762px - 100px) / 2) 18px 0;
	}
	.post .img {
		width: 324px;
		height: 182px;
	}
	.more-posts-btn {
		padding: 16px 0;
	}
	.channel-name {
		padding: 18px;
	}
	.channel-name svg {
		width: 44px;
	}
}

@media screen and (max-width: 1400px) {
	.live-container {
		width: 800px;
	}
	.source-choose-desktop:not(:has(> button:nth-child(3))) .tooltiptext {
		margin-left: -39.5%;
	}
	.tooltiptext {
		margin-left: -59%;
	}
	.live-video {
		height: 450px;
	}
	.event {
		max-width: 55%;
	}
	.list-view .post a {
		padding: 18px calc((992px - 566px - 24px - 70px) / 2) 18px 0;
	}
	.list-view .post-caption {
		width: 566px;
	}
	.post .img {
		width: 222px;
		height: 124px;
	}
	.channels:has(> .channel:nth-child(6)) .channel-name svg {
		display: none;
	}
}

@media screen and (max-width: 1200px) {
	.live-container {
		width: 720px;
	}
	.source-choose-desktop button {
		--Body-High: 15px;
		padding: 10px 0;
	}
	.source-choose-desktop:not(:has(> button:nth-child(3))) .tooltiptext {
		margin-left: -43.5%;
	}
	.tooltiptext {
		margin-left: -65.5%;
	}
	.live-video {
		height: 405px;
	}
	.list-view .post a {
		padding: 18px calc((960px - 566px - 24px - 50px) / 2) 18px 0;
	}
	.post .img {
		width: 214px;
		height: 120px;
	}
}

@media screen and (max-width: 992px) {
	.banner-message {
		margin-top: -5px;
	}
	.live-container {
		width: 640px;
	}
	.source-choose-desktop button {
		--Body-High: 14px;
	}
	.source-choose-desktop:not(:has(> button:nth-child(3))) .tooltiptext {
		margin-left: -49%;
	}
	.tooltiptext {
		margin-left: -73.5%;
	}
	.live-video {
		height: 360px;
	}
	.event {
		max-width: 50%;
		padding-right: 18px;
	}
	.give {
		display: flex;
	}
	.give:hover {
		background-color: var(--Gray8);
		transition: color var(--hover-in), background-color var(--hover-in);
	}
	.live-container .contactinfo {
		display: none;
	}
	.posts-navigation ul button {
		width: max-content;
	}
	.navigation-control {
		display: block;
	}
	.posts-navigation:has(.view-control) ul {
		padding-right: calc(128px + 10px);
	}
	.list-view .post a {
		padding: 18px 0;
	}
	.post .img {
		width: 187px;
		height: 105px;
	}
	.list-view .post-caption {
        width: 400px;
    }
	.list-view .category {
		max-width: 50%;
    	text-align: left;
	}
	.channels {
		flex-wrap: wrap;
	}
	.channel {
		max-width: 50%;
		flex: 0 50%;
		justify-content: start;
		margin-left: 0;
	}
	.channel::after {
		display: none;
	}
	.channel-name {
		--Title-Low: 27px;
		padding: 13px 13px 24px;
	}
	.channel-name svg, .channels:has(> .channel:nth-child(6)) .channel-name svg {
		display: block;
	}
}

@media screen and (max-width: 720px) {
	body {
		overflow-x: hidden;
		position: relative;
	}
	hr {
		margin-bottom: 5vw;
	}
	.banner-message {
		margin-top: -2.5vw;
		margin-bottom: 5vw;
	}
	.banner-message p {
		text-align: left;
		--Body-Low: 14px;
	}
	.close-banner-message {
		min-width: 5vw;
	}
	.banner-message svg {
		width: 2.5vw;
	}
	.live-container {
		width: 80vw;
	}
	.source-choose-desktop {
		display: none;
	}
	.source-choose-mobile {
		display: flex;
		padding: 0 0 0 2vw;
		margin: 0;
	}
	.source-choose-mobile > select {
		background-position: right center;
		background-size: 3vw;
		padding: 2vw 2vw 2vw 0.5vw;
	}
	.source-choose-mobile, .source-choose-mobile > select {
		--Body-High: 14px;
	}
	.live-video {
		width: calc(100% - 12px);
		height: calc(45vw - 7px);
		outline: none;
		border: solid var(--Gray6) 6px;
		margin-bottom: 1vw;
	}
	.live-video iframe, .live-video .video-player-wrapper, .live-video .audio-player-wrapper {
		transform: scale(1.01);
	}
	.event .live-name {
		--Title-Low: 24px;
		padding: 2vw 0 0.5vw 0;
	}
	.event .live-desc {
		--Base-Low: 16px;
	}
	.live-caption {
		flex-flow: column;
		justify-content: start;
	}
	.event {
		max-width: 100%;
		padding: 0 0 7vw 0;
	}
	.live-view-options {
		width: 100%;
		margin-bottom: 0;
	}
	.live-caption:not(:has(> .event)) .live-view-options {
		flex-flow: column;
        gap: 0;
        margin: 3vw auto 0 auto;
	}
	.live-view-options-button {
		justify-content: center;
		width: 100%;
		--Base-High: 16px;
		padding: 2vw 0;
		margin-top: 0;
		margin-bottom: 2vw;
		transform: scale(0.9);
		transition: padding var(--hover-out), margin var(--hover-out), color var(--hover-out), background-color var(--hover-out);
	}
	.live-container:not(:has(> .give)) .live-view-options-button:last-child {
		margin-bottom: 5vw;
	}
	.live-view-options.new-default .live-view-options-button {
		animation: Show 400ms normal forwards;
		animation-delay: calc(200ms + var(--lvo-inx) * 100ms);
		opacity: 0;
	}
	.live-view-options.smoothly-hidden .live-view-options-button {
		animation: Hide 0ms normal forwards;
		display: flex;
		visibility: hidden;
		height: 0;
		color: transparent;
		padding: 0;
		margin: 0;
	}
	.live-view-options-button svg {
		width: 21px;
	}
	.live-view-options-button.watch-on-youtube svg {
		padding: 0 0.4vw 0 1.5vw;
	}
	.live-view-options-button.watch-in-inglish svg {
		padding: 0 0.4vw 0 0;
	}
	.give {
		margin-bottom: 7vw;
	}
	.englishinfo {
		scale: 0.9;
		align-items: start;
		gap: .8vw;
		--Base-Low: 14px;
		margin-bottom: 5vw;
	}
	.englishinfo svg {
		position: relative;
		top: -3px;
		width: 19px;
	}
	.posts-container {
		margin-bottom: 0;
	}
	.posts-navigation {
		width: 100vw;
		margin: -1.8vw auto 0 calc(-50vw + 50%);
	}
	.posts-navigation ul {
		width: 80vw;
		padding: 2vw 0;
	}
	.posts-navigation:has(.view-control) ul {
        padding-right: 0;
    }
	.posts-navigation ul button {
		--Body-High: 14px;
		padding: 1.4vw 2vw;
		margin: 0 4px;
		border-radius: 18px;
	}
	.control-arrow#control-left, .control-arrow#control-right {
		width: 2.2vw;
	}
	.control-arrow#control-left {
		background: linear-gradient(90deg, var(--White) 75%, transparent 100%);
		margin-left: 10vw;
		padding: 0 4vw 0 3vw;
	}
	.control-arrow#control-right {
		right: -1px;
		background: linear-gradient(-90deg, var(--White) 75%, transparent 100%);
		margin-right: 10vw;
		padding: 0 3vw 0 4vw;
	}
	.control-arrow svg {
		top: 1px;
	}
	.view-control  {
		display: none;
	}
	.posts {
		width: 80vw;
		margin-bottom: 0;
	}
	.posts.all-posts {
		margin-bottom: 0;
	}
	.post {
		flex: 0 100%;
		border-bottom: 1px solid;
		border-color: var(--Gray10);
	}
	.post:last-child, .last-post {
		border: none;
		margin-bottom: 1.5vw;
	}
	.all-posts .post:last-child, .last-post {
		border: none;
		margin-bottom: 3vw;
	}
	.post a {
		display: flex;
		flex-flow: column-reverse;
		padding: 0 1.3vw 2vw 1.3vw;
	}
	.post .img {
		display: none;
	}
	.post-caption {
		word-break: break-word;
		--Body-Low: 15px;
		font-weight: 300;
		color: var(--Blue);
		margin-bottom: 0;
	}
	.category {
		--Caption: 11px;
		padding-top: 2vw;
		margin-bottom: 1.5vw;
	}
	.more-posts-btn {
		--Base-Low: 16px;
		padding: 2vw 0;
		margin-bottom: 5vw;
	}
	.channels {
		padding-bottom: 5vw;
	}
	.channel {
		max-width: 100%;
		flex: 0 100%;
		border-bottom: 1px solid;
		border-color: var(--Gray10);
	}
	.channel:last-child {
		border: none;
	}
	.channel-name {
		--Title-Low: 16px;
		padding: 2vw 1.3vw 2vw 1.3vw;
	}
	.channel-name svg {
		width: 28px;
		min-width: 28px;
	}
	.copyright {
		--Body-Low: 14px;
		padding-bottom: 7vw;
	}
}

@media screen and (max-width: 720px) and (orientation: landscape) {
	hr {
		margin-bottom: 4vw;
	}
	.banner-message {
		margin-top: -1.5vw;
		margin-bottom: 3vw;
	}
	.banner-message svg {
		width: 2vw;
	}
	.source-choose-mobile > select {
		background-position: right center;
		background-size: 2.5vw;
	}
	.live-video {
		margin-bottom: 0.5vw;
	}
	.event {
		padding-bottom: 5vw;
	}
	.event .live-name {
		padding: 1vw 0 0.5vw 0;
	}
	.live-view-options-button {
		margin-bottom: 1vw;
	}
	.live-view-options-button:last-child, .give {
		margin-bottom: 3vw;
	}
	.live-view-options-button svg {
		top: 1px;
	}
	.englishinfo, .more-posts-btn {
		margin-bottom: 3vw;
	}
	.channels, .copyright {
		padding-bottom: 3vw;
	}
}

@media screen and (max-width: 425px) {
	main {
		width: 100%!important;
	}
	hr {
		width: 100%;
	}
	.banner-message {
		margin-top: -8px;
	}
	.banner-message p {
		--Body-Low: 12px;
		font-weight: 300;
		padding-left: 0;
	}
	.close-banner-message {
		position: relative;
		left: 4px;
	}
	.banner-message svg {
		width: 3.5vw;
	}
	.live-container {
		width: 90vw;
	}
	.live-container .heading1 {
		text-align: center;
	}
	.source-choose-mobile, .source-choose-mobile > select {
		--Body-High: 12px;
	}
	.source-choose-mobile {
		padding: 0 0 0 2.8vw;
	}
	.source-choose-mobile > select {
		background-size: 3.7vw;
		padding: 2.8vw 2.8vw 2.8vw 1.2vw;
	}
	.live-video {
		height: calc(50vw - 4px);
	}
	.live-video iframe, .live-video .video-player-wrapper, .live-video .audio-player-wrapper {
		top: -1px;
		left: -1px;
		width: calc(100% + 2px);
		height: calc(100% + 2px);
	}
	.event .live-name {
		--Title-Low: 18px;
	}
	.event .live-desc {
		--Base-Low: 14px;
	}
	.live-view-options-button {
		--Base-High: 14px;
		padding: 4vw 0;
		transform: scale(0.95);
	}
	.live-view-options-button svg {
		top: 0.1vw;
		width: 19px;
	}
	.live-view-options-button.watch-on-youtube svg {
		padding: 0 0.8vw 0 1.8vw;
	}
	.live-view-options-button.watch-in-inglish svg {
		padding: 0 0.8vw 0 0;
	}
	.englishinfo {
		gap: 1vw;
		--Base-Low: 13px;
	}
	.posts-navigation ul {
		width: 90vw;
		padding: 2.2vw 0;
	}
	.posts-navigation ul button {
		--Body-High: 12px;
		font-weight: 400;
		padding: 2.2vw 3vw;
	}
	.control-arrow#control-left, .control-arrow#control-right {
		width: 3vw;
	}
	.control-arrow#control-left {
		margin-left: 3vw;
	}
	.control-arrow#control-right {
		margin-right: 3vw;
	}
	.control-arrow svg {
		top: 1.5px;
	}
	.posts {
		width: 90vw;
	}
	.post:last-child, .last-post {
		margin-bottom: 1vw;
	}
	.all-posts .post:last-child, .last-post {
		margin-bottom: 2vw;
	}
	.post a {
		padding: 0 1.3vw 3.5vw 1.3vw;
	}
	.post-caption {
		--Body-Low: 14px;
	}
	.category {
		--Caption: 12px;
		padding-top: 3.5vw;
		margin-bottom: 2vw;
	}
	.more-posts-btn {
		--Base-Low: 14px;
		padding: 3.2vw 0;
	}
	.channel-name {
		--Title-Low: 18px;
		padding: 3.5vw 1.3vw 3.5vw 1.3vw;
	}
	.channel-name svg {
		width: 28px;
		min-width: 28px;
	}
	.copyright {
		--Body-Low: 11px;
		padding: 6.5vw 0 5vw 0;
	}
}

@media screen and (max-width: 425px) and (orientation: landscape) {
	.banner-message svg {
		width: 2.8vw;
	}
	.source-choose-mobile > select {
		background-size: 3vw;
	}
	.control-arrow#control-left, .control-arrow#control-right {
		width: 2.7vw;
	}
	.control-arrow svg {
		top: 1px;
	}
}

@media screen and (max-width: 360px) {
	.banner-message p {
		--Body-Low: 11px;
	}
	.source-choose-mobile, .source-choose-mobile > select {
		--Body-High: 10px;
	}
	.video-player-wrapper {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	.event .live-name {
		--Title-Low: 16px;
	}
	.event .live-desc {
		--Base-Low: 12px;
	}
	.live-view-options-button {
		--Base-High: 12px;
	}
	.live-view-options-button svg {
		top: 0;
		width: 14px;
	}
	.englishinfo {
		scale: .94;
		--Base-Low: 11px;
	}
	.englishinfo svg {
		display: none;
	}
	.posts-navigation ul button {
		--Body-High: 10px;
	}
	.category {
		--Caption: 10px;
	}
	.post-caption {
		--Body-Low: 12px;
	}
	.more-posts-btn {
		--Base-Low: 12px;
	}
	.more-posts-btn > svg {
		top: 1px;
		width: 9px;
	}
	.channel-name {
		--Title-Low: 16px;
	}
	.channel-name svg {
		width: 24px;
		min-width: 24px;
	}
	.copyright {
		--Body-Low: 10px;
	}
}

@media screen and (max-width: 325px) {
	.banner-message {
		margin-top: 0;
	}
	.banner-message svg {
		width: 4vw;
	}
	.live-view-options-button {
		padding: 2.7vw 0;
	}
	.control-arrow#control-left, .control-arrow#control-right {
		width: 4vw;
	}
	.control-arrow svg {
		top: 1px;
	}
}

@media screen and (max-width: 260px) {
	.banner-message p {
		--Body-Low: 11px;
	}
	.source-choose-mobile, .source-choose-mobile > select {
		--Body-High: 8px;
	}
	.live-view-options-button {
		--Base-High: 10px;
		transform: scale(0.9);
	}
	.englishinfo {
		--Base-Low: 10px;
	}
	.englishinfo svg {
		top: -5px;
	}
	.more-posts-btn {
		--Base-Low: 10px;
	}
}