


.enAutoDir{unicode-bidi:plaintext;text-align:start}
html[dir=rtl] .enAutoDir:placeholder-shown,body.rtl .enAutoDir:placeholder-shown,.Rtl .enAutoDir:placeholder-shown{direction:rtl;text-align:right}

/* Profile Images and Name */
.im {
	width:35px;
	height:35px;
	border-radius:16px;
	background-color:var(--transB);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	display:flex;
	align-items:center;
	justify-content:center
}
.im svg {
	width:18px;
	height:18px;
	opacity:.4
}
.nm::after {
	content:attr(data-text)
}
/* Title and Entry */
.pTtl {
	font-size:1.1rem;
	line-height:1.5em
}
.pTtl.sml {
	font-size:1rem
}
.pTtl.itm {
	font-size:var(--postT);
	font-family:var(--fontBa);
	font-weight:500;
	line-height:1.3em
}
.pTtl.itm.nSpr {
	margin-bottom:30px
}
.aTtl a:hover {
	color:var(--linkC)
}
.aTtl a, .pSnpt {
	color:inherit;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden
}
/* Snippet, Description, Headers and Info */
.pHdr {
	margin-bottom:8px
}
.pHdr .pLbls {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	opacity:.8
}
.pSml {
	font-size:93%
}
.pSnpt {
	-webkit-line-clamp:2;
	margin:12px 0 0;
	font-family:var(--fontB);
	font-size:14px;
	line-height:1.5em;
	opacity:.8
}
.pSnpt.nTag {
	color:var(--linkC);
	opacity:1;
	margin-bottom:10px
}
.pInf {
	display:flex;
	align-items:baseline;
	justify-content:space-between;
	margin-top:15px
}
.pInf.nTm {
	margin:0
}
.pInf.nSpr .pJmp {
	opacity:1
}
.pInf.nSpr .pJmp::before {
	content:attr(aria-label)
}
.aTtmp {
	opacity:.8
}
.aTtmp, .pJmp {
	overflow:hidden
}
.pTtmp[data-text]::after, .pJmp::before, .iTtmp::before {
	content:attr(data-text);
	display:block;
	line-height:18px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.pJmp {
	display:inline-flex;
	align-items:center;
	opacity:0;
	transition:var(--trans-2)
}
.pJmp::before {
	content:attr(aria-label)
}
.pJmp svg {
	height:18px;
	width:18px;
	stroke:var(--linkC);
	flex-shrink:0
}
.ntry:hover .pJmp, .itm:hover .pJmp {
	opacity:1
}
.ntry:not(.noAd) .pJmp, .itemFt .itm .pJmp {
	animation:indicator 2s 3s infinite
}
.ntry:not(.noAd):hover .pJmp, .itemFt:hover .itm .pJmp {
	animation:none
}
/* Blog pager */
.blogPg {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	font-size:90%;
	font-family:var(--fontB);
	line-height:20px;
	color:#fffdfc;
	margin:25px 0 50px;
	max-width:100%
}
.blogPg >* {
	display:flex;
	justify-content:center;
	align-items:center;
	min-width:40px;
	padding:10px 13px;
	margin:5px;
	color:inherit;
	background:var(--linkB);
	border-radius:var(--buttonR);
	box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px
}
.blogPg >* svg {
	width:18px;
	height:18px;
	stroke:var(--darkT);
	stroke-width:1.5
}
.blogPg >*::before {
	content:attr(data-text)
}
.blogPg .jsLd {
	margin-left:auto;
	margin-right:auto
}
.blogPg .nwLnk::before, .blogPg .jsLd::before {
	display:none
}
.blogPg .nwLnk::after, .blogPg .jsLd::after {
	content:attr(data-text);
	margin:0 8px
}
.blogPg .olLnk::before {
	margin:0 8px
}
.blogPg .nPst, .blogPg .current {
	background:var(--contentL);
	color:var(--bodyCa)
}
.blogPg .nPst.jsLd svg {
	fill:var(--darkTa);
	stroke:var(--darkTa)
}
.blogPg .nPst svg.line {
	stroke:var(--darkTa)
}

/* Shared Button Primitive */
.button {
	display:inline-flex;
	align-items:center;
	margin:10px 0;
	padding:12px 15px;
	outline:0;
	border:0;
	border-radius:var(--buttonR);
	line-height:20px;
	color:#fffdfc;
	background:var(--linkB);
	font-size:14px;
	font-family:var(--fontB);
	white-space:nowrap;
	overflow:hidden;
	max-width:320px;
	transition:opacity .1s
}
.button:hover {
	opacity:.9
}
button.button:not(:disabled) {
	cursor:pointer
}
.button.ln {
	color:inherit;
	background:transparent;
	border:1px solid var(--bodyCa)
}
.button.ln:hover {
	border-color:var(--linkB);
	box-shadow:0 0 0 1px var(--linkB) inset
}
.finalLinkError {
	margin:12px 0 0;
	max-width:100%;
	font-size:13px;
	line-height:1.7;
	text-align:center;
	opacity:.8
}
.finalLinkError[hidden] {
	display:none !important
}

/* Shared card/media primitives used by listings, widgets and related posts. */
/* Thumbnail */
.pThmb {
	flex:0 0 calc(50% - 12.5px);
	overflow:hidden;
	position:relative;
	border-radius:5px;
	margin-bottom:20px;
	background:var(--transB)
}
.pThmb .thmb {
	display:block;
	position:relative;
	padding-top:52.335%;
	color:inherit;
	transition:var(--trans-4);
	-webkit-transition:var(--trans-4)
}
article:hover .thmb, .rPst li:hover .thmb {
	transform:scale(1.03);
	-webkit-transform:scale(1.03)
}
.pThmb .thmb amp-img {
	position:absolute;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	max-height:108%;
	text-align:center;
	transform:translate(-50%, -50%)
}
.imgThm {
	text-align:center;
	font-size:12px;
	transition-property:filter, transform;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.imgThm:not(span) {
	width:100%;
	height:100%
}
img.imgThm, .imgThm img {
	object-fit:cover;
	object-position:center center
}
span.imgThm {
	display:flex
}
span.imgThm::before {
	content:"";
	opacity:.3;
	background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23989b9f'><path d='m22.019 16.82-3.13-7.32c-.57-1.34-1.42-2.1-2.39-2.15-.96-.05-1.89.62-2.6 1.9l-1.9 3.41c-.4.72-.97 1.15-1.59 1.2-.63.06-1.26-.27-1.77-.92l-.22-.28c-.71-.89-1.59-1.32-2.49-1.23-.9.09-1.67.71-2.18 1.72l-1.73 3.45c-.62 1.25-.56 2.7.17 3.88.73 1.18 2 1.89 3.39 1.89h12.76c1.34 0 2.59-.67 3.33-1.79.76-1.12.88-2.53.35-3.76ZM6.97 8.381a3.38 3.38 0 1 0 0-6.76 3.38 3.38 0 0 0 0 6.76Z'></path></svg>") center / cover no-repeat;
	width:28px;
	height:28px
}
.pThmb:not(.nul)::before {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transform:translateX(-100%);
	background-image:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 20%, rgba(255,255,255,.6) 60%, rgba(255,255,255, 0));
	animation:shimmer 2s infinite;
	content:''
}
.pThmb.iyt:not(.nul) .thmb::after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.4) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11.9999V8.43989C4 4.01989 7.13 2.2099 10.96 4.4199L14.05 6.1999L17.14 7.9799C20.97 10.1899 20.97 13.8099 17.14 16.0199L14.05 17.7999L10.96 19.5799C7.13 21.7899 4 19.9799 4 15.5599V11.9999Z'/></svg>") center / 35px no-repeat;
	opacity:0;
	transition:var(--trans-1)
}
.pThmb.iyt:not(.nul):hover .thmb::after {
	opacity:1
}
/* Sponsored */
.iFxd {
	display:flex;
	justify-content:flex-end;
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding:10px 6px;
	font-size:13px;
	line-height:16px
}
.iFxd.l {
	right:auto
}
.Rtl .iFxd.l {
	right:0;
	left:auto
}
.iFxd >* {
	display:flex;
	align-items:center;
	margin:0 5px;
	padding:5px 2.5px;
	border-radius:var(--thumbEr);
	background:var(--contentB);
	color:inherit;
	box-shadow:0 8px 25px 0 rgba(0,0,0,.1)
}
.iFxd >* svg {
	width:16px;
	height:16px;
	stroke-width:1.5;
	margin:0 2.5px;
	opacity:.7
}
.iFxd .cmnt, .iFxd .pV {
	padding:5px;
	color:var(--bodyC)
}
.iFxd .bM {
	cursor:pointer
}
.iFxd .bM:hover {
	opacity:.8
}
.iFxd .pV.hidden {
	display:none
}
.iFxd .cmnt::after, .iFxd .pV::after {
	content:attr(data-text);
	margin:0 2.5px;
	opacity:.8
}
.drK .iFxd >* svg.line {
	stroke:var(--iconC)
}
/* Label */
.pLbls::before, .pLbls >*::before {
	content:attr(data-text)
}
.pLbls::before {
	opacity:.7
}
.pLbls a:hover {
	text-decoration:underline
}
.pLbls >* {
	color:inherit;
	display:inline;
	padding:16px 0
}
/* Give the separator its own box and spacing; templates need no literal spaces. */
.pLbls >*:not(:last-child)::after {
	content:'/';
	display:inline-block;
	margin-inline:.3em;
	unicode-bidi:isolate
}



.headR .headM,
.cusW,
.wTrans {
	background:var(--contentB);
	border:1px solid var(--contentL);
	border-radius:10px 5px 10px 10px;
	box-shadow:none
}
.Rtl .headR .headM,
.Rtl .cusW,
[dir=rtl] .wTrans,
.Rtl .wTrans {
	border-radius:5px 10px 10px 10px
}
.wBkm,
.wPrf {
	background:var(--contentB);
	border:1px solid var(--contentL);
	box-shadow:none
}
@media screen and (min-width:501px) {
	.wBkm,
	.wPrf {
		border-radius:10px 5px 10px 10px
	}
	.Rtl .wBkm,
	.Rtl .wPrf {
		border-radius:5px 10px 10px 10px
	}
}



@media screen and (max-width:500px) {
	.wBkm,
	.wPrf {
		border:0;
		box-shadow:0 10px 25px -3px rgba(0,0,0,.1)
	}
	.drK .wPrf {
		background:var(--darkBa);
		box-shadow:0 10px 40px rgba(0,0,0,.2)
	}
}

:where(.contentWidget .post-body){--en-form-accent:var(--linkC);--en-form-bg:var(--contentB);--en-form-soft:var(--contentBs);--en-form-border:var(--contentL);--en-form-text:var(--bodyC);--en-form-muted:var(--bodyCa)}
.drK :where(.contentWidget .post-body){--en-form-accent:var(--darkU);--en-form-bg:var(--darkBa);--en-form-soft:var(--darkBs);--en-form-border:#404045;--en-form-text:var(--darkT);--en-form-muted:var(--darkTa)}
:where(.contentWidget .post-body) :where(input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select){box-sizing:border-box;width:100%;max-width:100%;margin:0;border:1px solid var(--en-form-border);border-radius:10px;background:var(--en-form-bg);color:var(--en-form-text);font:inherit;font-size:14px;outline:0;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
:where(.contentWidget .post-body) :where(input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password],input[type=search],select){min-height:48px;padding:11px 14px;line-height:1.5}
:where(.contentWidget .post-body) textarea{min-height:140px;padding:12px 14px;line-height:1.8;resize:vertical}
:where(.contentWidget .post-body) :where(input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password],input[type=search],textarea)::placeholder{color:var(--en-form-muted);opacity:.78}
:where(.contentWidget .post-body) :where(input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select):hover{border-color:color-mix(in srgb,var(--en-form-accent) 34%,var(--en-form-border))}
:where(.contentWidget .post-body) :where(input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select):focus{border-color:var(--en-form-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--en-form-accent) 14%,transparent);background:var(--en-form-bg)}
:where(.contentWidget .post-body) :where(input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select):disabled{opacity:.55;cursor:not-allowed;background:var(--en-form-soft)}
:where(.contentWidget .post-body) select{-webkit-appearance:none;appearance:none;padding-inline-end:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px;background-position:right 14px center}
html[dir=rtl] :where(.contentWidget .post-body) select,body.rtl :where(.contentWidget .post-body) select,.Rtl :where(.contentWidget .post-body) select{background-position:left 14px center}
:where(.contentWidget .post-body) :where(button[type=submit],input[type=submit],input[type=button],input[type=reset]){display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 18px;border:1px solid var(--en-form-accent);border-radius:9px;background:var(--en-form-accent);color:#fffdfc;font:inherit;font-size:14px;font-weight:700;line-height:1.35;cursor:pointer;transition:filter .18s ease,box-shadow .18s ease,transform .18s ease}
:where(.contentWidget .post-body) :where(button[type=submit],input[type=submit],input[type=button],input[type=reset]):hover{filter:brightness(.94)}
:where(.contentWidget .post-body) :where(button[type=submit],input[type=submit],input[type=button],input[type=reset]):focus-visible{outline:3px solid color-mix(in srgb,var(--en-form-accent) 30%,transparent);outline-offset:2px}
:where(.contentWidget .post-body) :where(button[type=submit],input[type=submit],input[type=button],input[type=reset]):active{transform:translateY(1px)}
